/* PC 监控回放：独立介绍页，保留公共头尾。 */
/* 店铺监控回放：参考页样式仅作用于内容区，公共头尾沿用站点样式。 */
#monitor-replay-page { padding-top: 0; }
#monitor-replay-page :where(*):not(:where(svg, svg *)) { all: revert; }

#monitor-replay-page{--blue:#316aff;--blue-dark:#2455df;--cyan:#24baff;--ink:#101c32;--muted:#74839a;--line:#e1eafa;--pale:#f4f9ff;--radius:10px}#monitor-replay-page *{box-sizing:border-box}#monitor-replay-page{scroll-behavior:smooth;scroll-padding-top:105px}#monitor-replay-page{margin:0;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.8}#monitor-replay-page button,#monitor-replay-page input,#monitor-replay-page select{font:inherit}#monitor-replay-page button,#monitor-replay-page summary,#monitor-replay-page a{touch-action:manipulation}#monitor-replay-page button{cursor:pointer}#monitor-replay-page a{color:inherit;text-decoration:none}#monitor-replay-page h1,#monitor-replay-page h2,#monitor-replay-page h3,#monitor-replay-page p{margin:0}#monitor-replay-page svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}#monitor-replay-page .symbols{position:absolute;width:0;height:0;overflow:hidden}#monitor-replay-page button:focus-visible,#monitor-replay-page a:focus-visible,#monitor-replay-page summary:focus-visible,#monitor-replay-page input:focus-visible,#monitor-replay-page select:focus-visible{outline:3px solid #93bdff;outline-offset:4px}#monitor-replay-page [hidden]{display:none!important}#monitor-replay-page .wrap{width:min(1200px,calc(100% - 80px));margin:auto}#monitor-replay-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;min-height:50px;padding:12px 25px;border-radius:8px;font-weight:600;font-size:14px;transition:background .2s,box-shadow .2s,transform .2s}#monitor-replay-page .btn svg{width:17px;height:17px}#monitor-replay-page .primary{color:#fff;background:var(--blue);box-shadow:none}#monitor-replay-page .primary:hover{background:var(--blue-dark);box-shadow:0 8px 18px #316aff20;transform:translateY(-1px)}#monitor-replay-page .secondary{background:#fff;color:#27405f;border-color:#ccdcf5}#monitor-replay-page .secondary:hover{border-color:#649aff;color:var(--blue)}#monitor-replay-page .hero{padding:77px 0 40px;background:linear-gradient(105deg,#f7faff,#eef7ff 63%,#eaf5ff);overflow:hidden}#monitor-replay-page .hero-grid{display:grid;grid-template-columns:1.02fr 1.12fr;gap:50px;align-items:center}#monitor-replay-page .eyebrow{display:inline-flex;gap:9px;align-items:center;padding:8px 18px;border:1px solid #d6e7ff;border-radius:25px;background:#eaf3ff;font-size:14px;font-weight:550;color:var(--blue);margin-bottom:22px}#monitor-replay-page .eyebrow i{width:5px;height:5px;border-radius:50%;background:var(--blue)}#monitor-replay-page h1{font-size:36px;line-height:1.6;letter-spacing:-.9px;font-weight:800}#monitor-replay-page .blue{color:var(--blue)}#monitor-replay-page .hero-points{list-style:none;display:grid;gap:14px;padding:0;margin:24px 0 28px}#monitor-replay-page .hero-points li{display:flex;gap:10px;font-size:13px;color:#607695;line-height:1.95}#monitor-replay-page .hero-points strong{font-weight:650;color:#173456}#monitor-replay-page .check{display:grid;place-items:center;width:20px;height:20px;background:#e5efff;color:var(--blue);border-radius:50%;margin-top:3px;flex-shrink:0}#monitor-replay-page .check svg{width:12px;height:12px;stroke-width:2.2}#monitor-replay-page .actions{display:flex;gap:12px;flex-wrap:wrap}#monitor-replay-page .hero-note{display:flex;align-items:center;gap:6px;margin-top:15px;color:#8b9ab0;font-size:11px}#monitor-replay-page .hero-note svg{width:13px;height:13px}#monitor-replay-page .product-visual{min-width:0}#monitor-replay-page .product-window{display:block;width:100%;padding:9px;border:1px solid #d9e6f9;border-radius:13px;background:#fff;box-shadow:0 15px 38px #416baf15;text-align:left;color:var(--ink);transition:box-shadow .2s}#monitor-replay-page .product-window:hover{box-shadow:0 18px 45px #416baf23}#monitor-replay-page .window-top{height:33px;display:flex;align-items:center;gap:5px;color:#93a1b6;font-size:10px;padding:0 4px}#monitor-replay-page .dot{width:6px;height:6px;background:#d7e4f3;border-radius:50%}#monitor-replay-page .window-label{flex:1;margin-left:8px}#monitor-replay-page .real-label{background:#eef5ff;color:var(--blue);font-size:9px;padding:1px 6px;border-radius:3px}#monitor-replay-page .shot{position:relative;width:100%;aspect-ratio:1636/756;overflow:hidden;border-radius:4px;background:#edf4fd}#monitor-replay-page .shot img{position:absolute;left:0;top:0;display:block;width:117.36%;max-width:none;height:auto;transform:translate(-14.79%,-23.89%)}#monitor-replay-page .window-bottom{display:flex;justify-content:space-between;gap:10px;padding:10px 5px 2px;color:#8a9ab2;font-size:10px}#monitor-replay-page .window-bottom span{display:flex;gap:6px;align-items:center}#monitor-replay-page .window-bottom svg{width:12px;height:12px}#monitor-replay-page .visual-caption{display:flex;justify-content:center;gap:22px;margin-top:18px;color:#7c93b4;font-size:10px}#monitor-replay-page .visual-caption span{display:flex;gap:6px;align-items:center}#monitor-replay-page .visual-caption b{font-size:9px;font-weight:400;border:1px solid #bdd4fb;color:var(--blue);border-radius:50%;width:18px;height:18px;display:grid;place-items:center}#monitor-replay-page .hero-meta{display:flex;justify-content:center;gap:31px;align-items:center;font-size:11px;color:#7c94b7;margin-top:50px}#monitor-replay-page .hero-meta span{display:flex;align-items:center;gap:8px}#monitor-replay-page .hero-meta svg{width:15px;height:15px;color:#6a95da}#monitor-replay-page .hero-meta .divider{height:13px;width:1px;background:#cfdff4}#monitor-replay-page .section{padding:86px 0}#monitor-replay-page .section-head{text-align:center;margin-bottom:40px}#monitor-replay-page .kicker{font-size:12px;color:var(--blue);font-weight:650;letter-spacing:1.5px;margin-bottom:17px;display:flex;justify-content:center;align-items:center;gap:10px}#monitor-replay-page .kicker:before,#monitor-replay-page .kicker:after{content:"";width:21px;height:1px;background:#aac9ff}#monitor-replay-page h2{font-size:32px;line-height:1.5;letter-spacing:-.8px;font-weight:750}#monitor-replay-page .section-head p{margin-top:13px;font-size:14px;color:var(--muted)}#monitor-replay-page .scenario-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}#monitor-replay-page .scenario{border:1px solid #dce7f8;border-radius:16px;padding:28px 29px 22px;display:flex;flex-direction:column;background:#fff;transition:border-color .2s,box-shadow .2s}#monitor-replay-page .scenario:hover{border-color:#8fbcff;box-shadow:0 8px 30px #4078c309}#monitor-replay-page .scenario-top{display:flex;gap:15px;align-items:center;margin-bottom:14px}#monitor-replay-page .iconbox{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#edf4ff;border:1px solid #e0ebff;color:var(--blue);flex-shrink:0}#monitor-replay-page .iconbox svg{width:22px;height:22px}#monitor-replay-page .scenario h3{font-size:18px;line-height:1.6;font-weight:650}#monitor-replay-page .scenario>p{font-size:13px;color:#7285a1;line-height:1.95;flex:1}#monitor-replay-page .scenario-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:14px;margin-top:19px;border-top:1px solid #e8effa;color:var(--blue);font-size:12px}#monitor-replay-page .scenario-footer svg{width:16px;height:16px}#monitor-replay-page #features{background:#fff;padding-top:26px}#monitor-replay-page .feature-layout{display:grid;grid-template-columns: .95fr 1.25fr;align-items:stretch;gap:24px}#monitor-replay-page .feature-list{display:flex;flex-direction:column;gap:14px;min-width:0}#monitor-replay-page .feature{border:1px solid transparent;border-bottom:1px solid #e6f0fb;border-radius:7px;background:#f3f9ff;overflow:hidden;transition:border-color .2s,background .2s,box-shadow .2s}#monitor-replay-page .feature[open]{background:linear-gradient(145deg,#f0faff,#fff);border-color:#13adff;box-shadow:0 0 0 2px #bceeff38}#monitor-replay-page .feature summary{display:flex;align-items:center;gap:12px;padding:24px;list-style:none;cursor:pointer}#monitor-replay-page .feature summary::-webkit-details-marker{display:none}#monitor-replay-page .feature-number{font-size:13px;color:#8ba6ce;flex-shrink:0}#monitor-replay-page .feature[open] .feature-number{color:var(--blue)}#monitor-replay-page .feature-title{flex:1;min-width:0}#monitor-replay-page .feature-title h3{font-size:22px;font-weight:700;letter-spacing:-.3px;line-height:1.5}#monitor-replay-page .feature[open] .feature-title h3{color:var(--blue)}#monitor-replay-page .expand{width:24px;height:24px;display:grid;place-items:center;color:#83a8dc}#monitor-replay-page .expand svg{width:16px;height:16px;transition:transform .2s}#monitor-replay-page .feature[open] .expand svg{transform:rotate(180deg)}#monitor-replay-page .feature-content{padding:0 24px 25px}#monitor-replay-page .feature-question{font-weight:650;font-size:16px;line-height:1.8;margin-bottom:11px;color:#22496c}#monitor-replay-page .feature-copy>p{font-size:13px;line-height:1.9;color:#6c839c;margin-bottom:17px}#monitor-replay-page .feature-copy ul{padding:0;list-style:none;margin:0;display:grid;gap:10px}#monitor-replay-page .feature-copy li{font-size:13px;color:#586f89;line-height:1.9;padding-left:13px;position:relative}#monitor-replay-page .feature-copy li:before{content:"";position:absolute;left:0;top:10px;width:4px;height:4px;border-radius:50%;background:#3988ff}#monitor-replay-page .feature-copy strong{color:#24537e;font-weight:650}#monitor-replay-page .feature-stage{border-radius:9px;background:linear-gradient(135deg,#f3faff,#eaf7ff);min-width:0;padding:32px;display:flex;align-items:center;min-height:490px;position:relative}#monitor-replay-page .visual-panel{width:100%;animation:panel-in .22s ease-out}#monitor-replay-page .stage-label{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#4b78ad;margin-bottom:20px}#monitor-replay-page .stage-label>span{color:#92a7c1;font-size:10px;letter-spacing:1px}#monitor-replay-page .stage-shot{margin:14px 0 0;padding:7px;background:#fff;border:1px solid #e1ecfa;border-radius:9px;box-shadow:0 12px 30px #446e9b0a}#monitor-replay-page .stage-shot .shot{border-radius:5px}#monitor-replay-page .stage-caption{text-align:center;font-size:11px;color:#819cbd;margin-top:17px}#monitor-replay-page .demo{background:#fff;border:1px solid #e3edf9;border-radius:9px;padding:21px;box-shadow:0 10px 24px #537fb708}#monitor-replay-page .demo-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;font-size:13px;color:#365b83}#monitor-replay-page .demo-badge{padding:2px 7px;border-radius:4px;background:#f1f7ff;color:#90a7c5;font-size:10px;white-space:nowrap}#monitor-replay-page .record-status{display:flex;gap:10px;align-items:center;background:#f6faff;border:1px solid #e5effb;border-radius:7px;padding:14px}#monitor-replay-page .record-status .iconbox{width:36px;height:36px;border-radius:8px}#monitor-replay-page .record-status strong{display:block;font-size:13px}#monitor-replay-page .record-status small{font-size:11px;color:#8b9fb9}#monitor-replay-page .recording{margin-left:auto;display:flex;gap:5px;align-items:center;font-size:11px;color:var(--blue)}#monitor-replay-page .recording i{width:5px;height:5px;background:#3a8bff;border-radius:50%}#monitor-replay-page .wave{height:35px;display:flex;gap:4px;justify-content:space-between;align-items:center;margin:18px 0 12px}#monitor-replay-page .wave i{flex:1;min-width:2px;background:#a8d5ff;border-radius:2px}#monitor-replay-page .wave i:nth-child(3n){background:#3994ff}#monitor-replay-page .demo-foot{display:flex;justify-content:space-between;gap:9px;color:#94a8c2;font-size:10px}#monitor-replay-page .filter-chips{display:grid;grid-template-columns:1fr 1fr;gap:9px}#monitor-replay-page .filter-chips span{display:flex;align-items:center;gap:7px;padding:10px;border:1px solid #e0ebfa;border-radius:6px;color:#7894b7;font-size:11px}#monitor-replay-page .filter-chips svg{width:14px;height:14px;color:#6f9fdf}#monitor-replay-page .filter-result{display:flex;gap:7px;align-items:center;margin-top:13px;padding:11px;border-radius:6px;background:#edf6ff;color:#4386dc;font-size:11px}#monitor-replay-page .filter-result svg{width:16px;height:16px}#monitor-replay-page .sample-search{display:flex;gap:9px;align-items:center;margin-top:17px}#monitor-replay-page .sample-search label{font-size:11px;color:#7b93b1;white-space:nowrap}#monitor-replay-page .sample-search input{width:100%;min-width:0;padding:8px 10px;font-size:12px;border:1px solid #cddff6;border-radius:5px;color:#325b8e;background:#fff}#monitor-replay-page .sample-table{margin-top:12px;width:100%;border-collapse:collapse;background:#fff;font-size:11px}#monitor-replay-page .sample-table th{font-weight:500;color:#849ab6;background:#f0f6ff;padding:9px 7px;text-align:left;white-space:nowrap}#monitor-replay-page .sample-table td{padding:10px 7px;border-bottom:1px solid #edf3fb;color:#557699}#monitor-replay-page .sample-table tr td:last-child{color:#4385e6}#monitor-replay-page .sample-count{color:#94a7c0;font-size:10px;margin-top:9px}#monitor-replay-page .node-row{display:flex;gap:8px;margin-bottom:16px}#monitor-replay-page .node-button{flex:1;min-width:0;border:1px solid #dce8f8;background:#fff;color:#819abc;border-radius:5px;padding:10px;font-size:12px;text-align:left}#monitor-replay-page .node-button span{display:block;font-size:10px;margin-top:6px}#monitor-replay-page .node-button[aria-pressed=true]{border-color:#69b0ff;background:#eef8ff;color:var(--blue)}#monitor-replay-page .node-screen{display:flex;justify-content:center;align-items:center;gap:9px;height:95px;border-radius:7px;background:#f1f8ff;color:#4389dc;font-size:14px;border:1px solid #e1eefb}#monitor-replay-page .node-screen svg{width:22px;height:22px}#monitor-replay-page .mini-track{height:4px;background:#e2edf9;border-radius:4px;overflow:hidden;margin:19px 0 12px}#monitor-replay-page .mini-track span{width:12%;height:100%;display:block;background:linear-gradient(90deg,#2b75ff,#24bdff);transition:width .3s}#monitor-replay-page .feature-hint{font-size:11px;color:#8ca1bc;text-align:left;margin-top:17px}#monitor-replay-page #guide{background:#f6f9ff;border-top:1px solid #e8eef8;padding:86px 0}#monitor-replay-page #guide .kicker:before,#monitor-replay-page #guide .kicker:after,#monitor-replay-page #benefits .kicker:before,#monitor-replay-page #benefits .kicker:after{display:none}#monitor-replay-page .timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:relative;gap:42px;margin-top:44px}#monitor-replay-page .timeline:before{content:"";position:absolute;left:16.67%;right:16.67%;top:26px;border-top:1px dashed #bdd6ff}#monitor-replay-page .step{text-align:center;position:relative}#monitor-replay-page .step-number{position:relative;display:grid;place-items:center;width:53px;height:53px;margin:0 auto 25px;border-radius:50%;background:#fff;border:1px solid #ccdefc;box-shadow:0 0 0 8px #f3f7ff;color:var(--blue);font-weight:500;font-size:16px}#monitor-replay-page .step h3{font-size:18px;margin-bottom:12px}#monitor-replay-page .step>p{font-size:13px;color:#6f86a7;max-width:260px;margin:0 auto 17px;min-height:48px}#monitor-replay-page .path{background:#eaf1fc;padding:5px 9px;border-radius:4px;font-size:10px;color:#7f9ac0;display:inline-block}#monitor-replay-page .guide-action{text-align:center;margin-top:36px}#monitor-replay-page .guide-action .btn{min-width:139px}#monitor-replay-page #benefits{background:#fff;padding-bottom:48px}#monitor-replay-page .benefit-grid{border:1px solid #dfe9fa;border-radius:12px;padding:32px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}#monitor-replay-page .benefit{padding:0 29px;min-width:0;position:relative;background:#fff}#monitor-replay-page .benefit+.benefit{border-left:1px solid #dce8fb}#monitor-replay-page .benefit .iconbox{background:none;border:0;border-radius:0;width:38px;height:36px;justify-content:start;margin-bottom:20px}#monitor-replay-page .benefit .iconbox svg{width:29px;height:29px}#monitor-replay-page .money-icon{font-size:32px;line-height:1;font-weight:500;color:var(--blue);letter-spacing:1px;white-space:nowrap}#monitor-replay-page .benefit h3{font-size:17px;margin-bottom:10px}#monitor-replay-page .benefit p{font-size:12px;color:#7288a6;line-height:1.95}#monitor-replay-page #faq{padding-top:57px}#monitor-replay-page .faq-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:start}#monitor-replay-page .faq-layout .section-head{text-align:left;margin:0;padding-top:0;position:sticky;top:120px}#monitor-replay-page .faq-layout .kicker{justify-content:flex-start;margin-bottom:19px}#monitor-replay-page .faq-layout .kicker:before,#monitor-replay-page .faq-layout .kicker:after{display:none}#monitor-replay-page .faq-layout .section-head p{max-width:290px;font-size:13px;line-height:1.95}#monitor-replay-page .faq-brand{display:flex;align-items:center;gap:10px;margin-top:27px;color:#8aa2c2;font-size:11px}#monitor-replay-page .faq-brand .iconbox{width:35px;height:35px;border-radius:8px}#monitor-replay-page .faq-brand .iconbox svg{width:20px;height:20px}#monitor-replay-page .faq-list{border-top:1px solid var(--line);width:100%}#monitor-replay-page .faq{border-bottom:1px solid var(--line)}#monitor-replay-page summary{cursor:pointer;list-style:none}#monitor-replay-page summary::-webkit-details-marker{display:none}#monitor-replay-page .faq>summary{display:flex;align-items:center;gap:13px;padding:20px 0}#monitor-replay-page .q-number{display:none}#monitor-replay-page .faq-question{flex:1;font-size:13px;font-weight:400;line-height:1.9}#monitor-replay-page .plus{display:grid;place-items:center;position:relative;width:17px;height:17px;color:#91a2b9;flex-shrink:0}#monitor-replay-page .plus:before,#monitor-replay-page .plus:after{content:"";width:10px;height:1px;background:currentColor;position:absolute}#monitor-replay-page .plus:after{transform:rotate(90deg);transition:transform .2s}#monitor-replay-page .faq[open] .plus:after{transform:rotate(0)}#monitor-replay-page .faq[open] .faq-question{color:var(--blue)}#monitor-replay-page .faq>p{font-size:12px;line-height:1.95;color:#7189a6;padding:0 26px 21px 0}#monitor-replay-page .closing{padding:0 0 52px}#monitor-replay-page .closing-card{padding:36px 40px;border-radius:10px;border:1px solid #deebfa;background:linear-gradient(100deg,#f7fbff,#edf7ff);display:flex;justify-content:space-between;align-items:center;gap:25px}#monitor-replay-page .closing-card h2{font-size:24px;margin-bottom:8px}#monitor-replay-page .closing-card p{font-size:12px;color:#829bbd}#monitor-replay-page .closing-card .btn{white-space:nowrap}#monitor-replay-page dialog{padding:28px;border-radius:12px;border:1px solid #d5e4f9;width:min(430px,calc(100% - 32px));color:var(--ink);background:#fff;box-shadow:0 20px 70px #1e416b33}#monitor-replay-page dialog::backdrop{background:#1a36586b;backdrop-filter:blur(3px)}#monitor-replay-page .dialog-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px}#monitor-replay-page dialog h2{font-size:20px}#monitor-replay-page dialog p{font-size:13px;color:#7389a7;line-height:1.95;margin-bottom:22px}#monitor-replay-page .close-dialog{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:50%;background:#eff5fc;color:#6c88af}#monitor-replay-page .close-dialog svg{width:16px;height:16px}#monitor-replay-page dialog .btn{min-height:40px;font-size:12px;padding:8px 16px}#monitor-replay-page #imageDialog{width:min(1200px,calc(100% - 32px));padding:16px}#monitor-replay-page #imageDialog h2{font-size:16px}#monitor-replay-page #imageDialog img{display:block;max-width:100%;max-height:75vh;object-fit:contain;margin:auto;border-radius:5px}#monitor-replay-page #imageDialog p{font-size:11px;margin:9px 0 0}@keyframes panel-in{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media (min-width:1500px){#monitor-replay-page .hero{padding-top:88px;padding-bottom:45px}#monitor-replay-page .hero-grid{gap:56px}#monitor-replay-page .section{padding-top:94px;padding-bottom:94px}#monitor-replay-page #features{padding-top:30px}#monitor-replay-page #faq{padding-top:60px}#monitor-replay-page #benefits{padding-bottom:48px}}
@media (max-width:1100px){#monitor-replay-page .wrap{width:calc(100% - 50px)}#monitor-replay-page h1{font-size:31px}#monitor-replay-page .hero-grid{gap:28px}#monitor-replay-page .hero-points li{font-size:12px}#monitor-replay-page .feature-layout{grid-template-columns:1fr 1.08fr;gap:20px}#monitor-replay-page .feature-stage{padding:23px;min-height:470px}#monitor-replay-page .feature summary{padding:21px 19px}#monitor-replay-page .feature-content{padding:0 19px 21px}#monitor-replay-page .feature-title h3{font-size:20px}#monitor-replay-page .feature-copy li,#monitor-replay-page .feature-copy>p{font-size:12px}#monitor-replay-page .feature-question{font-size:15px}#monitor-replay-page .benefit{padding:0 22px}#monitor-replay-page .faq-layout{gap:45px}#monitor-replay-page h2{font-size:29px}}
@media (max-width:850px){#monitor-replay-page .hero-grid{grid-template-columns:1fr;gap:36px}#monitor-replay-page .hero-copy{text-align:center}#monitor-replay-page .hero-points{max-width:540px;margin-left:auto;margin-right:auto;text-align:left}#monitor-replay-page .hero-points li{font-size:13px}#monitor-replay-page .hero-copy .actions,#monitor-replay-page .hero-note{justify-content:center}#monitor-replay-page h1{font-size:34px}#monitor-replay-page .product-visual{max-width:660px;width:100%;margin:auto}#monitor-replay-page .hero{padding-top:50px}#monitor-replay-page .hero-meta{margin-top:35px}#monitor-replay-page .section{padding:65px 0}#monitor-replay-page .feature-layout{grid-template-columns:1fr}#monitor-replay-page .feature-stage{min-height:0;padding:27px}#monitor-replay-page .feature-stage .visual-panel{max-width:600px;margin:auto}#monitor-replay-page .feature-title h3{font-size:21px}#monitor-replay-page .feature-content{padding:0 22px 24px}#monitor-replay-page .feature-copy li,#monitor-replay-page .feature-copy>p{font-size:13px}#monitor-replay-page .feature-question{font-size:16px}#monitor-replay-page .benefit{padding:0 19px}#monitor-replay-page .benefit p{font-size:11px}#monitor-replay-page .faq-layout{grid-template-columns:.8fr 1.2fr;gap:30px}#monitor-replay-page .faq-layout h2{font-size:26px}#monitor-replay-page .closing-card h2{font-size:21px}}
@media (max-width:620px){#monitor-replay-page .wrap{width:calc(100% - 36px)}#monitor-replay-page .hero{padding:38px 0 30px}#monitor-replay-page h1{font-size:29px;line-height:1.65}#monitor-replay-page .eyebrow{font-size:12px;padding:7px 15px;margin-bottom:19px}#monitor-replay-page .hero-points{gap:12px;margin-top:22px}#monitor-replay-page .hero-points li{font-size:12px}#monitor-replay-page .hero-meta{gap:15px;font-size:10px}#monitor-replay-page .hero-meta .divider{display:none}#monitor-replay-page .hero-meta svg{width:13px;height:13px}#monitor-replay-page .visual-caption{gap:18px;font-size:10px}#monitor-replay-page .window-bottom,#monitor-replay-page .window-top{font-size:9px}#monitor-replay-page .window-top{height:28px}#monitor-replay-page .hero-grid{gap:30px}#monitor-replay-page .section{padding:52px 0}#monitor-replay-page h2{font-size:26px}#monitor-replay-page .section-head p{font-size:12px;line-height:1.9}#monitor-replay-page .section-head{margin-bottom:28px}#monitor-replay-page .kicker{font-size:11px;margin-bottom:13px}#monitor-replay-page .scenario-grid{grid-template-columns:1fr;gap:16px}#monitor-replay-page .scenario{padding:24px 23px 20px;border-radius:12px}#monitor-replay-page .scenario h3{font-size:17px}#monitor-replay-page .scenario>p{font-size:12px}#monitor-replay-page .scenario-top{gap:12px}#monitor-replay-page .scenario-footer{font-size:11px}#monitor-replay-page .feature-stage{padding:21px 17px}#monitor-replay-page .feature-layout{gap:17px}#monitor-replay-page .feature summary{padding:18px}#monitor-replay-page .feature-title h3{font-size:19px}#monitor-replay-page .feature-content{padding:0 19px 22px}#monitor-replay-page .feature-question{font-size:14px}#monitor-replay-page .feature-copy>p,#monitor-replay-page .feature-copy li{font-size:12px}#monitor-replay-page .demo{padding:16px}#monitor-replay-page .demo-header{font-size:12px}#monitor-replay-page .demo-foot{font-size:9px}#monitor-replay-page .record-status{padding:12px}#monitor-replay-page .record-status small{font-size:9px}#monitor-replay-page .record-status strong{font-size:12px}#monitor-replay-page .recording{font-size:10px}#monitor-replay-page .timeline{grid-template-columns:1fr;gap:29px;margin-top:31px}#monitor-replay-page .timeline:before{top:23px;bottom:50px;left:23px;right:auto;border-top:0;border-left:1px dashed #bdd6ff}#monitor-replay-page .step{text-align:left;padding-left:69px;min-height:130px}#monitor-replay-page .step-number{position:absolute;left:0;top:0;width:46px;height:46px;margin:0;font-size:14px;box-shadow:0 0 0 6px #f6f9ff}#monitor-replay-page .step h3{font-size:17px;padding-top:5px;margin-bottom:8px}#monitor-replay-page .step>p{max-width:none;min-height:0;font-size:12px;margin-bottom:12px}#monitor-replay-page .path{font-size:9px}#monitor-replay-page .guide-action{margin-top:24px}#monitor-replay-page #guide{padding:52px 0}#monitor-replay-page .benefit-grid{grid-template-columns:1fr 1fr;padding:8px 0;border-radius:10px}#monitor-replay-page .benefit{padding:23px 20px}#monitor-replay-page .benefit:nth-child(3){border-left:0}#monitor-replay-page .benefit:nth-child(n+3){border-top:1px solid #e2ebfa}#monitor-replay-page .benefit .iconbox{margin-bottom:14px}#monitor-replay-page .benefit h3{font-size:16px;margin-bottom:8px}#monitor-replay-page .benefit p{font-size:11px}#monitor-replay-page .faq-layout{grid-template-columns:1fr;gap:29px}#monitor-replay-page .faq-layout .section-head{position:static}#monitor-replay-page .faq-layout .section-head p{max-width:none;font-size:12px}#monitor-replay-page .faq-layout .kicker{margin-bottom:12px}#monitor-replay-page .faq-brand{margin-top:18px}#monitor-replay-page .faq-question{font-size:12px}#monitor-replay-page .faq>summary{padding:18px 0}#monitor-replay-page .faq>p{font-size:12px}#monitor-replay-page .closing-card{padding:28px 23px;flex-direction:column;text-align:center;gap:20px}#monitor-replay-page .closing-card h2{font-size:20px}#monitor-replay-page .closing-card p{font-size:11px}#monitor-replay-page #faq{padding-top:30px}#monitor-replay-page .closing{padding-bottom:34px}#monitor-replay-page .sample-table{font-size:10px}#monitor-replay-page .filter-chips span{padding:8px;font-size:10px}#monitor-replay-page .node-button{font-size:11px;padding:9px}#monitor-replay-page .stage-caption{font-size:10px}#monitor-replay-page{scroll-padding-top:85px}}
@media(prefers-reduced-motion:reduce){#monitor-replay-page{scroll-behavior:auto}#monitor-replay-page *,#monitor-replay-page *:before,#monitor-replay-page *:after{transition:none!important;animation:none!important}}
#monitor-replay-page{--muted:#657b98}
#monitor-replay-page .section{padding:66px 0}
#monitor-replay-page .section-head{margin-bottom:32px}
#monitor-replay-page .section-head h2{font-size:34px;line-height:1.5;letter-spacing:-.6px}
#monitor-replay-page .section-head p{font-size:15px;color:#6b809d;margin-top:12px}
#monitor-replay-page .kicker{font-size:16px;letter-spacing:1px;font-weight:700;gap:12px;margin-bottom:15px;line-height:1.7}
#monitor-replay-page .kicker:before,#monitor-replay-page .kicker:after{width:28px;height:2px;background:linear-gradient(90deg,#cfe0ff,#7ca8ff);border-radius:3px}
#monitor-replay-page #scenarios{padding:64px 0 68px;background:linear-gradient(180deg,#fff 0%,#fff 62%,#f8fbff 100%)}
#monitor-replay-page .scenario{padding:27px 28px 22px;border-color:#d6e4fa;box-shadow:0 6px 22px #426eaa06}
#monitor-replay-page .scenario:hover{box-shadow:0 10px 28px #426eaa10}
#monitor-replay-page .scenario h3{font-size:20px}
#monitor-replay-page .scenario>p{font-size:14px;line-height:1.95;color:#657d9d}
#monitor-replay-page .scenario-footer{font-size:13px}
#monitor-replay-page .scenario .iconbox{background:linear-gradient(135deg,#e8f0ff,#f2f8ff);border-color:#d9e6ff}
#monitor-replay-page #features{padding:66px 0;background:radial-gradient(ellipse at 95% 15%,#dceeff75,transparent 48%),linear-gradient(135deg,#edf5ff,#f5faff 57%,#eefaff);border-top:1px solid #e1ecfc;border-bottom:1px solid #e4eefb}
#monitor-replay-page .feature{background:#ffffffd9;border-color:#e0eafb;box-shadow:0 3px 12px #3d689606}
#monitor-replay-page .feature[open]{background:linear-gradient(135deg,#fff,#f7fbff);border-color:#39a2ff;box-shadow:0 6px 23px #4688cb13}
#monitor-replay-page .feature-title h3{font-size:24px}
#monitor-replay-page .feature-question{font-size:17px}
#monitor-replay-page .feature-copy>p,#monitor-replay-page .feature-copy li{font-size:14px;line-height:1.95}
#monitor-replay-page .feature-copy>p{color:#607a97}
#monitor-replay-page .feature-copy li{color:#526e8c}
#monitor-replay-page .feature-stage{background:linear-gradient(140deg,#e3eeff,#e8f8ff);border:1px solid #d5e6fb;padding:28px}
#monitor-replay-page .stage-label{font-size:14px;color:#4276b4}
#monitor-replay-page .feature-hint{font-size:12px;color:#7c93b0}
#monitor-replay-page #guide{padding:64px 0;background:linear-gradient(180deg,#fff,#fff 64%,#f9fcff);border-top:0}
#monitor-replay-page #guide .kicker:before,#monitor-replay-page #guide .kicker:after,#monitor-replay-page #benefits .kicker:before,#monitor-replay-page #benefits .kicker:after{display:block}
#monitor-replay-page .timeline{margin-top:36px}
#monitor-replay-page .timeline:before{border-color:#a7c9ff}
#monitor-replay-page .step-number{box-shadow:0 0 0 8px #f4f8ff;border-color:#b7d0ff;background:linear-gradient(145deg,#fff,#f2f7ff)}
#monitor-replay-page .step h3{font-size:20px}
#monitor-replay-page .step>p{font-size:14px;color:#657e9e}
#monitor-replay-page .path{font-size:11px;color:#6b89af;background:#ecf3ff}
#monitor-replay-page #benefits{padding:62px 0 66px;background:radial-gradient(ellipse at 5% 100%,#dcefff60,transparent 55%),linear-gradient(115deg,#f2f7ff,#edf5ff 65%,#f1faff);border-top:1px solid #e5edfa;border-bottom:1px solid #e5edfa}
#monitor-replay-page .benefit-grid{box-shadow:0 10px 30px #416ba70a;border-color:#d3e2f8;background:#fff;padding:28px 0}
#monitor-replay-page .benefit h3{font-size:19px}
#monitor-replay-page .benefit p{font-size:14px;color:#677e9c;line-height:1.9}
#monitor-replay-page .benefit .iconbox{margin-bottom:17px}
#monitor-replay-page #faq{padding:65px 0 63px;background:#fff}
#monitor-replay-page .faq-layout .kicker{font-size:16px}
#monitor-replay-page .faq-layout .section-head h2{font-size:32px}
#monitor-replay-page .faq-layout .section-head p{font-size:14px;color:#6b819f}
#monitor-replay-page .faq-question{font-size:15px;font-weight:500}
#monitor-replay-page .faq>p{font-size:14px;color:#657e9d}
#monitor-replay-page .faq>summary{padding:19px 0}
#monitor-replay-page .faq[open]{background:linear-gradient(90deg,#f7faff,#fff)}
#monitor-replay-page .faq[open]>summary,#monitor-replay-page .faq[open]>p{padding-left:14px;padding-right:14px}
#monitor-replay-page .closing{padding:0 0 42px;background:#fff}
#monitor-replay-page .closing-card{background:linear-gradient(105deg,#e9f2ff,#e2f3ff);border-color:#c9ddfa;padding:32px 37px}
#monitor-replay-page .closing-card h2{font-size:25px}
#monitor-replay-page .closing-card p{font-size:14px;color:#6d8aaf}
@media (min-width:1500px){#monitor-replay-page .section{padding-top:70px;padding-bottom:70px}#monitor-replay-page #scenarios{padding:66px 0 70px}#monitor-replay-page #features{padding:70px 0}#monitor-replay-page #guide{padding:66px 0}#monitor-replay-page #benefits{padding:66px 0}#monitor-replay-page #faq{padding:66px 0 62px}}
@media (max-width:1100px){#monitor-replay-page .section-head h2{font-size:31px}#monitor-replay-page .scenario h3{font-size:19px}#monitor-replay-page .feature-title h3{font-size:22px}#monitor-replay-page .feature-copy>p,#monitor-replay-page .feature-copy li{font-size:13px}#monitor-replay-page .feature-question{font-size:16px}#monitor-replay-page .benefit{padding:0 22px}#monitor-replay-page .benefit p{font-size:13px}#monitor-replay-page .faq-layout .section-head h2{font-size:29px}}
@media (max-width:850px){#monitor-replay-page .feature-title h3{font-size:22px}#monitor-replay-page .scenario h3{font-size:18px}#monitor-replay-page .benefit{padding:0 18px}#monitor-replay-page .benefit h3{font-size:18px}#monitor-replay-page .benefit p{font-size:12px}#monitor-replay-page .step h3{font-size:18px}#monitor-replay-page .step>p{font-size:13px}#monitor-replay-page .faq-question{font-size:14px}#monitor-replay-page .faq-layout .section-head h2{font-size:27px}#monitor-replay-page .closing-card h2{font-size:23px}}
@media (max-width:620px){#monitor-replay-page .section{padding:45px 0}#monitor-replay-page #scenarios{padding:44px 0 47px}#monitor-replay-page #features{padding:46px 0}#monitor-replay-page #guide{padding:46px 0}#monitor-replay-page #benefits{padding:46px 0}#monitor-replay-page #faq{padding:45px 0}#monitor-replay-page .kicker,#monitor-replay-page .faq-layout .kicker{font-size:14px;margin-bottom:12px}#monitor-replay-page .section-head{margin-bottom:26px}#monitor-replay-page .section-head h2{font-size:27px;line-height:1.55}#monitor-replay-page .section-head p{font-size:13px;line-height:1.9}#monitor-replay-page .scenario{padding:23px 22px 20px}#monitor-replay-page .scenario h3{font-size:18px}#monitor-replay-page .scenario>p{font-size:13px}#monitor-replay-page .scenario-footer{font-size:12px}#monitor-replay-page .feature-title h3{font-size:21px}#monitor-replay-page .feature-question{font-size:15px}#monitor-replay-page .feature-copy>p,#monitor-replay-page .feature-copy li{font-size:13px}#monitor-replay-page .feature-stage{padding:21px 17px}#monitor-replay-page .feature-hint{font-size:11px}#monitor-replay-page .stage-label{font-size:13px}#monitor-replay-page .timeline{margin-top:30px}#monitor-replay-page .step h3{font-size:18px}#monitor-replay-page .step>p{font-size:13px}#monitor-replay-page .step-number{box-shadow:0 0 0 6px #f4f8ff}#monitor-replay-page .path{font-size:10px}#monitor-replay-page .benefit-grid{padding:5px 0}#monitor-replay-page .benefit{padding:23px 18px}#monitor-replay-page .benefit h3{font-size:17px}#monitor-replay-page .benefit p{font-size:12px;line-height:1.9}#monitor-replay-page .faq-layout .section-head h2{font-size:27px}#monitor-replay-page .faq-layout .section-head p{font-size:13px}#monitor-replay-page .faq-question{font-size:14px}#monitor-replay-page .faq>p{font-size:13px}#monitor-replay-page .closing-card{padding:28px 22px}#monitor-replay-page .closing-card h2{font-size:21px}#monitor-replay-page .closing-card p{font-size:12px}#monitor-replay-page .closing{padding-bottom:33px}}
#monitor-replay-page .mock-window{background:#fff;border:1px solid #dce7f8;border-radius:10px;overflow:hidden;box-shadow:0 10px 26px #577db009;width:100%}
#monitor-replay-page .mock-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 19px;border-bottom:1px solid #e1eafa;line-height:1.7}
#monitor-replay-page .mock-toolbar strong{font-size:13px;font-weight:650;color:#123052}
#monitor-replay-page .mock-toolbar>span{font-size:10px;color:#859cbd;white-space:nowrap}
#monitor-replay-page .log-body{padding:18px 16px 16px}
#monitor-replay-page .log-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 2px 19px}
#monitor-replay-page .log-meta>div{min-width:0}
#monitor-replay-page .log-meta span{display:block;font-size:11px;color:#8b9fbd;margin-bottom:7px}
#monitor-replay-page .log-meta strong{display:block;font-size:12px;font-weight:400;color:#58749c}
#monitor-replay-page .log-card{display:flex;align-items:center;gap:12px;padding:15px 14px;width:100%;margin-top:14px;border:1px solid #dce7fa;background:#fbfcff;border-radius:7px;text-align:left;transition:background .2s,border-color .2s}
#monitor-replay-page .log-card:hover,#monitor-replay-page .log-card:focus-visible{background:#f0f6ff;border-color:#93b9ff}
#monitor-replay-page .log-play{display:grid;place-items:center;width:46px;height:46px;border-radius:9px;flex-shrink:0;background:#eaf1ff;color:#4a83ff}
#monitor-replay-page .log-play svg{width:22px;height:22px}
#monitor-replay-page .log-record{min-width:0}
#monitor-replay-page .log-record strong{font-size:13px;color:#153354;font-weight:650;display:block}
#monitor-replay-page .log-record small{font-size:10px;color:#879fbe;display:block;margin-top:4px}
#monitor-replay-page .log-open{margin-left:auto;font-size:12px;color:#316aff;white-space:nowrap}
#monitor-replay-page .replay-layout{display:grid;grid-template-columns:29% 71%;min-height:262px}
#monitor-replay-page .replay-sidebar{border-right:1px solid #e0eafa;padding:14px 9px}
#monitor-replay-page .replay-page{font-size:11px;color:#859cbc;padding:0 4px 9px}
#monitor-replay-page .event-button{display:flex;align-items:center;justify-content:space-between;gap:5px;text-align:left;width:100%;border:1px solid transparent;border-radius:5px;background:#fff;padding:12px 8px;margin-bottom:7px;color:#8096b7;min-height:61px;transition:background .15s,color .15s}
#monitor-replay-page .event-button strong{font-size:11px;font-weight:400;display:block;line-height:1.7}
#monitor-replay-page .event-button small{font-size:10px;display:block;line-height:1.8;color:#91a3bf}
#monitor-replay-page .event-button time{font-size:10px;white-space:nowrap}
#monitor-replay-page .event-button[aria-pressed=true]{color:#316aff;background:#edf3ff}
#monitor-replay-page .event-button[aria-pressed=true] small{color:#6492e6}
#monitor-replay-page .event-button:hover{border-color:#c9dfff}
#monitor-replay-page .replay-main{padding:28px 15px 18px;min-width:0}
#monitor-replay-page .mock-canvas{padding:17px 14px 18px;border:1px solid #dce7fa;background:#fafcff;border-radius:5px;min-height:125px;display:flex;flex-direction:column;justify-content:space-between}
#monitor-replay-page .canvas-lines{display:grid;gap:8px;margin-bottom:15px}
#monitor-replay-page .canvas-lines i{height:5px;background:#e6edf6;border-radius:2px;display:block}
#monitor-replay-page .canvas-lines i:first-child{background:#d8e6ff;width:65%}
#monitor-replay-page .canvas-lines i:nth-child(2){width:100%}
#monitor-replay-page .canvas-lines i:nth-child(3){width:75%}
#monitor-replay-page .canvas-highlight{padding:8px 9px;border:1px solid #96b8ff;background:#eff5ff;color:#4c83df;font-size:12px;transition:background .2s,border-color .2s}
#monitor-replay-page .mock-canvas[data-scene="1"] .canvas-highlight{background:#eaf7ff;border-color:#6fbbef;border-radius:6px;text-align:center;width:78%;align-self:center}
#monitor-replay-page .mock-canvas[data-scene="2"] .canvas-lines i:first-child{width:85%;background:#bacef4}
#monitor-replay-page .mock-canvas[data-scene="2"] .canvas-lines i:last-child{width:58%}
#monitor-replay-page .mock-canvas[data-scene="2"] .canvas-highlight{background:#f1f4ff;border-color:#a6b9f2;border-left-width:4px}
#monitor-replay-page .replay-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:15px;font-size:11px;color:#7e96b7}
#monitor-replay-page .replay-controls>span{display:flex;align-items:center;gap:7px}
#monitor-replay-page .replay-controls svg{width:15px;height:15px}
#monitor-replay-page .replay-controls small{font-size:10px}
#monitor-replay-page .replay-track{height:3px;background:#e2eaf7;margin-top:8px;overflow:hidden;border-radius:4px}
#monitor-replay-page .replay-track>span{display:block;background:#4383ff;height:100%;transition:width .25s}
#monitor-replay-page .record-context{margin-top:12px;color:#8b9eba;font-size:10px;line-height:1.8}
#monitor-replay-page .touch-hint{display:none}
@media(hover:none),(pointer:coarse){#monitor-replay-page .hover-hint{display:none}#monitor-replay-page .touch-hint{display:inline}}
@media (max-width:620px){#monitor-replay-page .mock-toolbar{padding:15px 14px}#monitor-replay-page .mock-toolbar strong{font-size:12px}#monitor-replay-page .mock-toolbar>span{font-size:9px}#monitor-replay-page .log-body{padding:16px 12px 12px}#monitor-replay-page .log-meta{gap:7px;margin-bottom:16px}#monitor-replay-page .log-meta span{font-size:10px}#monitor-replay-page .log-meta strong{font-size:11px}#monitor-replay-page .log-card{padding:12px 10px;gap:8px}#monitor-replay-page .log-play{width:37px;height:40px;border-radius:7px}#monitor-replay-page .log-play svg{width:19px;height:19px}#monitor-replay-page .log-record strong{font-size:12px}#monitor-replay-page .log-record small{font-size:9px}#monitor-replay-page .log-open{font-size:10px}#monitor-replay-page .replay-layout{grid-template-columns:34% 66%;min-height:264px}#monitor-replay-page .replay-sidebar{padding:12px 5px}#monitor-replay-page .replay-page{font-size:9px;padding:0 3px 8px}#monitor-replay-page .event-button{padding:9px 5px;gap:3px}#monitor-replay-page .event-button strong{font-size:10px}#monitor-replay-page .event-button time{font-size:9px}#monitor-replay-page .event-button small{font-size:9px}#monitor-replay-page .replay-main{padding:22px 9px 15px}#monitor-replay-page .mock-canvas{padding:14px 10px;min-height:128px}#monitor-replay-page .canvas-highlight{font-size:11px;padding:8px 6px}#monitor-replay-page .stage-caption{font-size:10px}}
#monitor-replay-page{--feature-stage-height:550px}
#monitor-replay-page main{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#f5f9ff 0%,#fafdff 12%,#fff 21%,#f1f7ff 37%,#f7fcff 49%,#fff 59%,#f1f7ff 72%,#f9fcff 84%,#fff 94%)}
#monitor-replay-page .hero,#monitor-replay-page #scenarios,#monitor-replay-page #features,#monitor-replay-page #guide,#monitor-replay-page #benefits,#monitor-replay-page #faq,#monitor-replay-page .closing{position:relative;background:transparent;border-top:0;border-bottom:0}
#monitor-replay-page .hero>.wrap,#monitor-replay-page .section>.wrap,#monitor-replay-page .closing>.wrap{position:relative;z-index:2}
#monitor-replay-page .ambient-field{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
#monitor-replay-page .ambient-orb{position:absolute;width:900px;height:700px;border-radius:50%;background:radial-gradient(ellipse,#9dbbff30 0%,#c1eaff24 34%,transparent 68%);will-change:transform;animation:ambient-drift 22s ease-in-out infinite alternate}
#monitor-replay-page .ambient-orb.one{top:-150px;right:-290px;background:radial-gradient(ellipse at 42% 48%,#7acbff38 0%,#9db9ff24 32%,#c5baff12 47%,transparent 69%)}
#monitor-replay-page .ambient-orb.two{top:32%;left:-400px;animation-delay:-8s;background:radial-gradient(ellipse,#81caff26,#d2b9ff12 35%,transparent 67%)}
#monitor-replay-page .ambient-orb.three{top:64%;right:-340px;animation-delay:-13s;background:radial-gradient(ellipse,#77dcff23,#99b5ff20 34%,transparent 67%)}
@keyframes ambient-drift{from{transform:translate3d(-16px,0,0) scale(1)}to{transform:translate3d(24px,30px,0) scale(1.08)}}
#monitor-replay-page .flow-wave{position:absolute;left:0;right:0;top:-72px;height:210px;pointer-events:none;z-index:0;overflow:hidden}
#monitor-replay-page .flow-wave svg{display:block;width:100%;height:100%;max-width:none;fill:none;stroke:none;overflow:visible}
#monitor-replay-page .flow-wave.wave-bottom{top:auto;bottom:-76px;transform:rotate(180deg);opacity:.68}
#monitor-replay-page #scenarios{padding-top:74px}
#monitor-replay-page #features{padding-top:76px;padding-bottom:78px}
#monitor-replay-page #guide{padding-top:74px;padding-bottom:76px}
#monitor-replay-page #benefits{padding-top:73px;padding-bottom:78px}
#monitor-replay-page #faq{padding-top:72px}
#monitor-replay-page .hero{padding-bottom:49px}
#monitor-replay-page .eyebrow{background:linear-gradient(105deg,#edf4ffed,#f6fbffdd);border-color:#cbdfff;box-shadow:0 3px 18px #4a85e40a}
#monitor-replay-page .primary{background:linear-gradient(110deg,#316aff,#3278ff 68%,#3b8bff);position:relative;overflow:hidden;box-shadow:0 5px 15px #316aff13}
#monitor-replay-page .primary:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,#ffffff25 48%,transparent 70%);transform:translateX(-125%);transition:transform .6s}
#monitor-replay-page .primary:hover:before{transform:translateX(125%)}
#monitor-replay-page .primary:hover{background:linear-gradient(110deg,#2455df,#316aff 70%,#3683ff);box-shadow:0 8px 22px #316aff26}
#monitor-replay-page .scenario{background:linear-gradient(140deg,#fffffff5,#ffffffdf);backdrop-filter:blur(5px);transition:border-color .25s,box-shadow .25s,transform .25s}
#monitor-replay-page .scenario:hover{transform:translateY(-4px);border-color:#a8c7ff;box-shadow:0 14px 34px #4c83d014}
#monitor-replay-page .scenario .iconbox{background:linear-gradient(145deg,#e7efff,#eefbff);box-shadow:inset 0 1px 0 #fff}
#monitor-replay-page .feature-layout{align-items:start;isolation:isolate}
#monitor-replay-page .feature-stage{height:var(--feature-stage-height);min-height:var(--feature-stage-height);max-height:var(--feature-stage-height);align-self:start;width:100%;position:relative;padding:0;overflow:hidden;border-radius:15px;border:1px solid #cfe1fa;background:radial-gradient(ellipse at 88% 8%,#c7f1ff65,transparent 55%),radial-gradient(ellipse at 4% 92%,#b9caff38,transparent 60%),linear-gradient(135deg,#eaf2ff,#effaff);box-shadow:0 12px 36px #4a77b610,inset 0 1px 0 #ffffffc9}
#monitor-replay-page .feature-stage:before{content:"";position:absolute;top:0;left:22px;right:22px;height:1px;background:linear-gradient(90deg,transparent,#91b7ff80,#94e2ff90,transparent);pointer-events:none}
#monitor-replay-page .feature-stage .visual-panel{position:absolute;inset:28px;width:auto;max-width:none;margin:0;display:flex;flex-direction:column;justify-content:center;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bfd4f3 transparent;animation:stable-panel-in .22s ease-out}
#monitor-replay-page .feature-stage .visual-panel>*{flex-shrink:0}
#monitor-replay-page .feature-stage .stage-caption{margin-top:19px}
@keyframes stable-panel-in{from{opacity:.25}to{opacity:1}}
#monitor-replay-page .feature-list{align-self:start}
#monitor-replay-page .feature[open]{border-color:#659eff;box-shadow:0 6px 24px #5083d112}
#monitor-replay-page .mock-window,#monitor-replay-page .demo{box-shadow:0 12px 28px #547cba09;border-color:#d8e5fb}
#monitor-replay-page .mock-toolbar{background:linear-gradient(100deg,#fff,#f9fcff)}
#monitor-replay-page .benefit-grid{background:#ffffffeb;box-shadow:0 12px 35px #557eb610;backdrop-filter:blur(6px)}
#monitor-replay-page .benefit{background:transparent}
#monitor-replay-page .step-number{box-shadow:0 0 0 8px #f5f9ffb8,0 8px 20px #4c7dd313;background:linear-gradient(135deg,#fff,#edf5ff)}
#monitor-replay-page .timeline:before{border-color:#9ebff4}
#monitor-replay-page .faq-list{background:#ffffff70}
#monitor-replay-page .faq[open]{background:linear-gradient(90deg,#f0f6ff9e,#fff0)}
#monitor-replay-page .closing-card{background:radial-gradient(ellipse at 88% 20%,#d3f3ff70,transparent 55%),linear-gradient(110deg,#eaf2ff,#f0f8ff);border-color:#d1e2fa;box-shadow:0 10px 35px #4779c20a}
#monitor-replay-page .reveal{--reveal-delay:0ms}
#monitor-replay-page .reveal-pending{opacity:0;transform:translate3d(0,24px,0)}
#monitor-replay-page .reveal-entering{animation:scroll-reveal .72s cubic-bezier(.2,.65,.25,1) both;animation-delay:var(--reveal-delay)}
@keyframes scroll-reveal{from{opacity:0;transform:translate3d(0,24px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media (max-width:1100px){#monitor-replay-page{--feature-stage-height:560px}#monitor-replay-page .feature-stage .visual-panel{inset:23px}}
@media (max-width:850px){#monitor-replay-page{--feature-stage-height:520px}#monitor-replay-page .feature-list{width:100%}#monitor-replay-page .feature-stage .visual-panel{inset:27px;max-width:600px;margin-left:auto;margin-right:auto}#monitor-replay-page .flow-wave{height:160px;top:-50px}}
@media (max-width:620px){#monitor-replay-page{--feature-stage-height:470px}#monitor-replay-page .feature-stage .visual-panel{inset:21px 17px}#monitor-replay-page .feature-stage{border-radius:12px}#monitor-replay-page .flow-wave{height:120px;top:-37px}#monitor-replay-page .flow-wave.wave-bottom{top:auto;bottom:-44px}#monitor-replay-page .ambient-orb{width:650px;height:540px}#monitor-replay-page #scenarios,#monitor-replay-page #guide,#monitor-replay-page #benefits,#monitor-replay-page #faq{padding-top:51px;padding-bottom:53px}#monitor-replay-page #features{padding:54px 0 56px}#monitor-replay-page .hero{padding-bottom:37px}#monitor-replay-page .reveal-pending{transform:translate3d(0,18px,0)}}
@media(prefers-reduced-motion:reduce){#monitor-replay-page .ambient-orb{animation:none;will-change:auto}#monitor-replay-page .reveal-pending,#monitor-replay-page .reveal-entering{opacity:1!important;transform:none!important;animation:none!important}#monitor-replay-page .primary:before{display:none}#monitor-replay-page .scenario:hover{transform:none}}
@media print{#monitor-replay-page .reveal-pending,#monitor-replay-page .reveal-entering{opacity:1!important;transform:none!important;animation:none!important}#monitor-replay-page .ambient-orb{animation:none}}
#monitor-replay-page .feature-stage .visual-panel{justify-content:safe center}
#monitor-replay-page #visual-1 .stage-label{margin-bottom:14px}
#monitor-replay-page #visual-1 .demo{padding:17px}
#monitor-replay-page #visual-1 .demo-header{margin-bottom:13px}
#monitor-replay-page #visual-1 .filter-chips{gap:8px}
#monitor-replay-page #visual-1 .filter-chips span{padding:7px 9px}
#monitor-replay-page #visual-1 .filter-result{padding:8px 9px;margin-top:10px}
#monitor-replay-page #visual-1 .sample-search{margin-top:12px}
#monitor-replay-page #visual-1 .sample-search input{padding:6px 9px}
#monitor-replay-page #visual-1 .sample-table{margin-top:9px}
#monitor-replay-page #visual-1 .sample-table th,#monitor-replay-page #visual-1 .sample-table td{padding:7px}
#monitor-replay-page #visual-1 .stage-caption{margin-top:14px}
@media (max-width:620px){#monitor-replay-page #visual-1 .demo{padding:14px}#monitor-replay-page #visual-1 .demo-header{margin-bottom:11px}#monitor-replay-page #visual-1 .filter-chips span{padding:6px 7px}#monitor-replay-page #visual-1 .filter-result{padding:7px;margin-top:9px}#monitor-replay-page #visual-1 .sample-table th,#monitor-replay-page #visual-1 .sample-table td{padding:6px}#monitor-replay-page #visual-1 .stage-label{margin-bottom:11px}#monitor-replay-page #visual-1 .stage-caption{margin-top:12px}}
#monitor-replay-page #home{isolation:isolate;background:linear-gradient(180deg,#f6faff 0%,#f8fbff 62%,#fbfdff 100%)}
#monitor-replay-page #home:before{content:"";position:absolute;pointer-events:none;z-index:0;inset:-90px -15% -220px 22%;background:radial-gradient(ellipse at 70% 46%,#cbe9ff56 0%,#dce8ff2a 36%,transparent 67%)}
#monitor-replay-page #scenarios{isolation:isolate;background:linear-gradient(180deg,#fbfdff 0%,#ffffffd9 49%,#fff 100%)}
#monitor-replay-page #scenarios:before{content:"";position:absolute;pointer-events:none;z-index:0;inset:-150px -15% -100px 25%;background:radial-gradient(ellipse at 65% 30%,#d7edff42,transparent 63%)}
#monitor-replay-page #benefits{isolation:isolate;background:linear-gradient(180deg,#ffffff00 0%,#ffffff75 60%,#ffffffa6 82%,#ffffff00 100%)}
#monitor-replay-page #benefits:before{content:"";position:absolute;top:-100px;left:0;right:0;bottom:180px;pointer-events:none;z-index:0;background:linear-gradient(180deg,#eff7ff00 0%,#edf5ffba 42%,#edf5ffeb 85%,#edf5ff 100%);mask-image:linear-gradient(180deg,#000 0%,#000 calc(100% - 30px),transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 calc(100% - 30px),transparent 100%)}
@media (max-width:850px){#monitor-replay-page #benefits:before{bottom:165px}}
@media (max-width:620px){#monitor-replay-page #home:before{inset:-35px -60% -110px 5%}#monitor-replay-page #scenarios:before{inset:-110px -70% -60px 8%;opacity:.8}#monitor-replay-page #benefits:before{top:-75px;bottom:195px}}
#monitor-replay-page #features{background:linear-gradient(180deg,#fff 0%,#f7fbff 17%,#f0f7ff 55%,#f3f9ff 100%);border:0}
#monitor-replay-page #features:before,#monitor-replay-page #features:after{content:none}
#monitor-replay-page #features>.flow-wave{display:none}
#monitor-replay-page .feature summary{display:grid;grid-template-columns:22px minmax(0,1fr) 24px;column-gap:12px;row-gap:9px;padding:19px 22px}
#monitor-replay-page .feature summary .feature-number{grid-column:1;grid-row:1;align-self:center}
#monitor-replay-page .feature summary .feature-title{grid-column:2;grid-row:1}
#monitor-replay-page .feature summary .expand{grid-column:3;grid-row:1}
#monitor-replay-page .feature summary .feature-question{grid-column:2/4;grid-row:2;margin:0;font-size:14px;line-height:1.8;font-weight:600;color:#345777}
#monitor-replay-page .feature[open] summary .feature-question{color:#24537e}
#monitor-replay-page .feature-content{padding:0 22px 21px}
#monitor-replay-page .feature-title h3{font-size:23px}
@media (min-width:621px) and (max-width:850px){#monitor-replay-page #visual-1 .demo{padding:14px}#monitor-replay-page #visual-1 .stage-label{margin-bottom:10px}#monitor-replay-page #visual-1 .filter-chips span{padding:6px 9px}#monitor-replay-page #visual-1 .sample-table th,#monitor-replay-page #visual-1 .sample-table td{padding:6px 7px}#monitor-replay-page #visual-1 .stage-caption{margin-top:10px}}
@media (max-width:850px){#monitor-replay-page #visual-1 .sample-table{line-height:1.5}#monitor-replay-page #visual-1 .sample-table th,#monitor-replay-page #visual-1 .sample-table td{padding-top:5px;padding-bottom:5px}#monitor-replay-page #visual-1 .sample-count{line-height:1.6}#monitor-replay-page #visual-1 .demo-header{margin-bottom:10px}}
#monitor-replay-page .faq-layout{display:flex;flex-direction:column;gap:27px;align-items:stretch;max-width:1000px;margin:0 auto}
#monitor-replay-page .faq-layout .section-head{position:static;text-align:center;padding:0;margin:0}
#monitor-replay-page .faq-layout .kicker{justify-content:center;margin-bottom:13px}
#monitor-replay-page .faq-layout .kicker:before,#monitor-replay-page .faq-layout .kicker:after{display:block}
#monitor-replay-page .faq-layout .section-head h2{font-size:34px}
#monitor-replay-page .faq-layout .section-head p{max-width:none;margin:12px auto 0;font-size:15px}
#monitor-replay-page .faq-brand{justify-content:center;margin-top:14px;font-size:11px;opacity:.85}
#monitor-replay-page .faq-brand .iconbox{height:25px;width:25px;border-radius:7px}
#monitor-replay-page .faq-brand .iconbox svg{width:15px;height:15px}
#monitor-replay-page .faq-list{border:1px solid #dfe9f8;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 9px 30px #3b6dae07}
#monitor-replay-page .faq:last-child{border-bottom:0}
#monitor-replay-page .faq>summary,#monitor-replay-page .faq[open]>summary{padding:19px 24px;gap:15px}
#monitor-replay-page .q-number{display:inline-block;color:#91a5c2;font-size:12px;min-width:22px;font-variant-numeric:tabular-nums}
#monitor-replay-page .faq-question{font-size:15px;font-weight:550}
#monitor-replay-page .faq[open]{background:linear-gradient(100deg,#f3f8ff,#fcfdff)}
#monitor-replay-page .faq>p,#monitor-replay-page .faq[open]>p{padding:0 53px 21px 61px;font-size:14px;line-height:1.95}
#monitor-replay-page .faq>summary .plus{transition:color .2s}
#monitor-replay-page .faq[open] .plus{color:var(--blue)}
@media (max-width:1100px){#monitor-replay-page .feature summary{padding:17px 18px;column-gap:9px}#monitor-replay-page .feature-title h3{font-size:21px}#monitor-replay-page .feature summary .feature-question{font-size:13px}#monitor-replay-page .feature-content{padding:0 18px 20px}#monitor-replay-page .faq-layout .section-head h2{font-size:31px}}
@media (max-width:850px){#monitor-replay-page .faq-layout .section-head h2{font-size:30px}#monitor-replay-page .feature summary{padding:18px 21px}#monitor-replay-page .feature-title h3{font-size:22px}#monitor-replay-page .feature summary .feature-question{font-size:14px}}
@media (max-width:620px){#monitor-replay-page .faq-layout{gap:23px}#monitor-replay-page .faq-layout .section-head h2{font-size:27px}#monitor-replay-page .faq-layout .section-head p{font-size:13px}#monitor-replay-page .faq-brand{margin-top:12px;font-size:10px}#monitor-replay-page .faq>summary,#monitor-replay-page .faq[open]>summary{padding:18px 15px;gap:10px}#monitor-replay-page .q-number{min-width:18px;font-size:11px}#monitor-replay-page .faq-question{font-size:14px}#monitor-replay-page .faq>p,#monitor-replay-page .faq[open]>p{padding:0 20px 19px 43px;font-size:13px}#monitor-replay-page .feature summary{padding:17px;grid-template-columns:19px minmax(0,1fr) 20px;gap:8px}#monitor-replay-page .feature-title h3{font-size:20px}#monitor-replay-page .feature summary .feature-question{font-size:13px}#monitor-replay-page .feature-content{padding:0 17px 20px}}
#monitor-replay-page #features{background:linear-gradient(180deg,#fff 0%,#f7fbff 17%,#f0f7ff 55%,#f3f9ff 100%)}
#monitor-replay-page #guide{isolation:isolate;background:linear-gradient(180deg,#f3f9ff 0%,#f5faff 21%,#fafdff 62%,#f7fbff 100%);border:0}
#monitor-replay-page #guide>.flow-wave{top:-60px;height:175px;opacity:.8;background:transparent;z-index:0}
#monitor-replay-page #guide .step-number{box-shadow:0 0 0 8px #f6fbff,0 8px 20px #4c7dd313}
#monitor-replay-page #benefits{isolation:isolate;background:linear-gradient(180deg,#f7fbff 0%,#eff6ff 26%,#edf5ff 50%,#f1f7ff 76%,#f6faff 100%);border:0}
#monitor-replay-page #benefits:before,#monitor-replay-page #benefits:after{content:none;display:none}
#monitor-replay-page #benefits .benefit-grid{position:relative;background:#ffffffed;box-shadow:0 12px 35px #557eb60d}
#monitor-replay-page #faq{background:linear-gradient(180deg,#f6faff 0%,#fbfdff 40%,#fff 100%)}
#monitor-replay-page .faq-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.28fr);gap:65px;max-width:none;margin:0;align-items:start}
#monitor-replay-page .faq-layout .section-head{position:sticky;top:110px;text-align:left;margin:0;padding:0}
#monitor-replay-page .faq-layout .kicker{justify-content:flex-start;margin-bottom:15px}
#monitor-replay-page .faq-layout .kicker:before,#monitor-replay-page .faq-layout .kicker:after{display:none}
#monitor-replay-page .faq-layout .section-head h2{font-size:32px;line-height:1.5}
#monitor-replay-page .faq-layout .section-head>p{font-size:14px;max-width:345px;line-height:1.95;margin:13px 0 0}
#monitor-replay-page .faq-brand{justify-content:flex-start;margin-top:17px;font-size:11px}
#monitor-replay-page .faq-reference-card{margin-top:25px;padding:23px 24px;border:1px solid #d9e7fb;border-radius:13px;background:radial-gradient(ellipse at 100% 0%,#dcefff80,transparent 68%),linear-gradient(140deg,#f0f6ff,#f9fcff);box-shadow:0 9px 28px #3e6eb408;max-width:390px;text-align:left}
#monitor-replay-page .faq-card-label{display:flex;align-items:center;gap:8px;color:#54749b;font-size:12px}
#monitor-replay-page .faq-card-label svg{height:16px;width:16px;color:#5187e5}
#monitor-replay-page .faq-retention{display:flex;align-items:baseline;gap:9px;color:#325a8b;font-size:17px;margin:9px 0 6px}
#monitor-replay-page .faq-retention strong{font-size:44px;line-height:1.2;letter-spacing:-1px;color:var(--blue);font-weight:700}
#monitor-replay-page .faq-reference-card>p{font-size:12px;line-height:1.9;color:#7186a3;margin:0;max-width:290px}
#monitor-replay-page .faq-policy-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}
#monitor-replay-page .faq-policy-tags span{display:inline-block;padding:3px 8px;border-radius:5px;background:#ffffffb8;border:1px solid #dbe8fa;color:#5d7eaa;font-size:11px}
#monitor-replay-page .faq-guide-link{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #dce8f9;padding-top:14px;margin-top:18px;font-size:12px;color:var(--blue);font-weight:600}
#monitor-replay-page .faq-guide-link svg{width:17px;height:17px;transition:transform .2s}
#monitor-replay-page .faq-guide-link:hover svg{transform:translateX(4px)}
#monitor-replay-page .faq-list{background:#ffffffeb;border-color:#dce7f8}
#monitor-replay-page .faq>summary,#monitor-replay-page .faq[open]>summary{padding:18px 21px;gap:11px}
#monitor-replay-page .faq-question{font-size:14px;line-height:1.9}
#monitor-replay-page .faq>p,#monitor-replay-page .faq[open]>p{padding:0 28px 20px 54px;font-size:13px}
@media (max-width:1100px){#monitor-replay-page .faq-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:38px}#monitor-replay-page .faq-layout .section-head h2{font-size:29px}#monitor-replay-page .faq-reference-card{padding:20px}#monitor-replay-page .faq>summary,#monitor-replay-page .faq[open]>summary{padding:18px 17px}#monitor-replay-page .faq>p,#monitor-replay-page .faq[open]>p{padding-left:50px;padding-right:22px}}
@media (max-width:850px){#monitor-replay-page .faq-layout{gap:26px;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}#monitor-replay-page .faq-layout .section-head h2{font-size:27px}#monitor-replay-page .faq-reference-card{padding:18px}#monitor-replay-page .faq-reference-card>p{font-size:12px}#monitor-replay-page .faq-layout .section-head>p{font-size:13px}}
@media (max-width:700px){#monitor-replay-page .faq-layout{grid-template-columns:1fr;gap:27px}#monitor-replay-page .faq-layout .section-head{position:static}#monitor-replay-page .faq-reference-card{max-width:none;margin-top:20px}#monitor-replay-page .faq-layout .section-head>p{max-width:none}#monitor-replay-page .faq-layout .section-head h2{font-size:27px}#monitor-replay-page .faq>summary,#monitor-replay-page .faq[open]>summary{padding:18px 15px}#monitor-replay-page .faq>p,#monitor-replay-page .faq[open]>p{padding-left:43px}#monitor-replay-page .faq-reference-card{padding:20px}#monitor-replay-page .faq-retention strong{font-size:38px}}
@media (max-width:620px){#monitor-replay-page #guide>.flow-wave{top:-35px;height:115px}#monitor-replay-page #guide .step-number{box-shadow:0 0 0 6px #f6fbff}#monitor-replay-page .eyebrow{font-size:12px;padding-left:14px;padding-right:14px;gap:0}#monitor-replay-page .faq-reference-card{margin-top:18px}#monitor-replay-page .faq-policy-tags{margin-top:13px}}

#monitor-replay-page .sample-replay-link{appearance:none;padding:0;border:0;background:transparent;font:inherit;color:#4385e6;line-height:inherit;cursor:pointer;white-space:nowrap}#monitor-replay-page .sample-replay-link:hover{text-decoration:underline;color:var(--blue-dark)}#monitor-replay-page .sample-replay-link:focus-visible{outline:2px solid #8bb4ff;outline-offset:3px;border-radius:2px}
#monitor-replay-page #guide .timeline{gap:42px}
#monitor-replay-page #guide .timeline:before{left:calc((100% - 84px)/6);right:calc((100% - 84px)/6);top:27px;border-top:1px dashed #a9caff;border-left:0;bottom:auto}
#monitor-replay-page #guide .step-number{width:54px;height:54px;margin:0 auto 25px;border:1px solid #b6cfff;border-radius:50%;background:#f8fbff;color:#316aff;font-size:16px;font-weight:400;box-shadow:0 0 0 8px #f3f7ff;position:relative;z-index:1}
@media (max-width:620px){
 #monitor-replay-page #guide .timeline{gap:29px}
 #monitor-replay-page #guide .timeline:before{left:23px;right:auto;top:23px;bottom:50px;border-top:0;border-left:1px dashed #a9caff}
 #monitor-replay-page #guide .step-number{position:absolute;left:0;top:0;width:46px;height:46px;margin:0;font-size:14px;box-shadow:0 0 0 6px #f3f7ff}
}
#monitor-replay-page .hero-copy h1{font-size:32px;line-height:1.55;letter-spacing:-.8px}
#monitor-replay-page .hero-headline-primary{display:block}
#monitor-replay-page .hero-headline-secondary{display:block;font-size:21px;line-height:1.65;letter-spacing:-.3px;font-weight:600;color:#24446e;margin-top:13px}
#monitor-replay-page #guide .timeline{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:38px}
#monitor-replay-page #guide .timeline:before{display:none;content:none}
#monitor-replay-page #guide .step{text-align:left;position:relative;padding:0;min-height:0}
#monitor-replay-page #guide .step:before{content:"";position:absolute;left:44px;right:0;top:16px;height:1px;background:#dbe6fa}
#monitor-replay-page #guide .step-number{position:relative;left:auto;top:auto;display:grid;place-items:center;width:32px;height:32px;margin:0 0 23px;border:0;box-shadow:none;background:#edf3ff;color:#316aff;font-size:12px;font-weight:400;z-index:1}
#monitor-replay-page #guide .step h3{font-size:19px;line-height:1.6;margin:0 0 13px;padding:0}
#monitor-replay-page #guide .step>p{font-size:14px;line-height:1.95;max-width:none;min-height:55px;margin:0 0 16px;color:#657e9e}
#monitor-replay-page #guide .step .path{background:#eef3fb;font-size:11px;padding:5px 9px}
@media (max-width:1100px){#monitor-replay-page .hero-copy h1{font-size:28px;letter-spacing:-.6px}#monitor-replay-page .hero-headline-secondary{font-size:17px;letter-spacing:-.3px}#monitor-replay-page #guide .timeline{gap:28px}#monitor-replay-page #guide .step h3{font-size:18px}#monitor-replay-page #guide .step>p{font-size:13px}}
@media (max-width:850px){#monitor-replay-page .hero-copy h1{font-size:32px}#monitor-replay-page .hero-headline-secondary{font-size:21px}#monitor-replay-page #guide .timeline{gap:25px}#monitor-replay-page #guide .step h3{font-size:17px}}
@media (max-width:620px){#monitor-replay-page .hero-copy h1{font-size:clamp(22px,5.35vw,29px);letter-spacing:-.6px}#monitor-replay-page .hero-headline-secondary{font-size:clamp(13px,3.3vw,18px);letter-spacing:-.2px;margin-top:11px}#monitor-replay-page #guide .timeline{grid-template-columns:1fr;gap:29px;margin-top:30px}#monitor-replay-page #guide .step-number{width:30px;height:30px;margin:0 0 15px;font-size:11px}#monitor-replay-page #guide .step:before{top:15px;left:42px}#monitor-replay-page #guide .step h3{font-size:18px;margin-bottom:8px}#monitor-replay-page #guide .step>p{min-height:0;font-size:13px;margin-bottom:12px}#monitor-replay-page #guide .step .path{font-size:10px}}


#monitor-replay-page #guide .guide-notice{display:flex;align-items:flex-start;gap:11px;padding:15px 18px;margin-top:29px;border:1px solid #d9e6fc;border-radius:5px;background:#f9fcff;color:#657e9e;text-align:left}
#monitor-replay-page .guide-notice>svg{width:16px;height:16px;flex:0 0 16px;margin-top:3px;fill:none;stroke:#3674ff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#monitor-replay-page #guide .guide-notice p{margin:0;font-size:12px;line-height:1.95;min-width:0}
#monitor-replay-page #guide .guide-notice strong{color:#3f608c;font-weight:600}
@media (max-width:620px){#monitor-replay-page #guide .guide-notice{padding:13px 14px;gap:9px;margin-top:25px}#monitor-replay-page #guide .guide-notice p{font-size:11px}#monitor-replay-page .hero-meta{display:grid;grid-template-columns:repeat(2,max-content);justify-content:center;column-gap:20px;row-gap:12px}#monitor-replay-page .hero-meta .divider{display:none}}
#monitor-replay-page .section-head .kicker{font-size:20px}
@media (max-width:620px){#monitor-replay-page .section-head .kicker{font-size:18px}}
#monitor-replay-page .hero-composition-button{display:block;width:100%;padding:0;border:0;background:transparent;border-radius:14px;cursor:zoom-in;line-height:0}
#monitor-replay-page .hero-composition{display:block;width:100%;height:auto;max-width:100%;transition:transform .35s ease}
#monitor-replay-page .hero-composition-button:hover .hero-composition{transform:translateY(-3px)}
#monitor-replay-page .hero-image-caption{display:flex;align-items:center;justify-content:center;gap:13px;color:#7490b5;font-size:11px;margin-top:9px;line-height:1.7}
#monitor-replay-page .hero-image-caption i{height:3px;width:3px;background:#adc6e8;border-radius:50%}
#monitor-replay-page .hero-meta{font-size:14px}
#monitor-replay-page .hero-meta svg{width:18px;height:18px}
@media (max-width:620px){#monitor-replay-page .hero-meta{font-size:13px}#monitor-replay-page .hero-meta svg{width:16px;height:16px}#monitor-replay-page .hero-image-caption{font-size:10px;gap:10px;margin-top:4px}}
#monitor-replay-page{--blue:#2867f5;--blue-dark:#1d52d0;--ink:#14233d;--muted:#6b7e97;--line:#e3ebf6}
#monitor-replay-page{background:#fff;color:var(--ink)}
#monitor-replay-page main{background:#fff}
#monitor-replay-page .ambient-field,#monitor-replay-page .ambient-orb,#monitor-replay-page .flow-wave{display:none!important}
#monitor-replay-page #home,#monitor-replay-page #scenarios,#monitor-replay-page #features,#monitor-replay-page #guide,#monitor-replay-page #benefits,#monitor-replay-page #faq,#monitor-replay-page .closing{isolation:isolate;border:0}
#monitor-replay-page #home:before,#monitor-replay-page #home:after,#monitor-replay-page #scenarios:before,#monitor-replay-page #scenarios:after,#monitor-replay-page #guide:before,#monitor-replay-page #guide:after,#monitor-replay-page #benefits:before,#monitor-replay-page #benefits:after,#monitor-replay-page #faq:before,#monitor-replay-page #faq:after{content:none;display:none}
#monitor-replay-page .primary{background:#2867f5;box-shadow:0 4px 12px #2867f512}
#monitor-replay-page .primary:hover{background:#1e56d8;box-shadow:0 7px 18px #2867f524}
#monitor-replay-page .primary:before{display:none}
#monitor-replay-page .btn{border-radius:7px}
#monitor-replay-page #home{padding-top:69px;padding-bottom:38px;background:radial-gradient(ellipse at 86% 30%,#dfedff80,transparent 57%),linear-gradient(180deg,#f5f9ff 0%,#f8fbff 78%,#fff 100%)}
#monitor-replay-page .hero-grid{gap:38px;grid-template-columns:1.02fr 1.12fr}
#monitor-replay-page .eyebrow{background:#fff;border-color:#d4e3fa;box-shadow:none;color:#2867f5;border-radius:7px;padding:8px 15px}
#monitor-replay-page .hero-copy h1{color:#14233d}
#monitor-replay-page .hero-headline-secondary{color:#355579}
#monitor-replay-page .hero-points li{color:#6a7e99}
#monitor-replay-page .hero-note{color:#8798b1}
#monitor-replay-page .product-visual{position:relative}
#monitor-replay-page .hero-composition-button{background:transparent;line-height:0;box-shadow:none}
#monitor-replay-page .hero-composition{filter:none;transition:transform .25s ease}
#monitor-replay-page .hero-composition-button:hover .hero-composition{transform:translateY(-2px)}
#monitor-replay-page .hero-image-caption{color:#637d9f;font-size:12px;gap:14px;margin-top:2px}
#monitor-replay-page .hero-image-caption i{background:#a7bfdc}
#monitor-replay-page .hero-meta{margin-top:37px;padding:19px 24px;max-width:900px;margin-left:auto;margin-right:auto;border-top:1px solid #dce7f5;border-bottom:1px solid #e9eff7;background:transparent;gap:28px;color:#6280a6}
#monitor-replay-page .hero-meta svg{color:#417de6}
#monitor-replay-page .hero-meta .divider{background:#d5e2f4}
#monitor-replay-page #scenarios{background:#fff;padding-top:58px;padding-bottom:64px}
#monitor-replay-page .section-head p{color:#75869e}
#monitor-replay-page .section-head .kicker{letter-spacing:.5px;color:#2867f5}
#monitor-replay-page .kicker:before,#monitor-replay-page .kicker:after{background:#b4cdf4;width:22px;height:1px}
#monitor-replay-page .scenario{background:#fff;backdrop-filter:none;border-color:#e0e8f4;border-radius:12px;padding:26px 27px 21px;box-shadow:0 3px 14px #234d8803}
#monitor-replay-page .scenario:hover{transform:translateY(-3px);box-shadow:0 12px 26px #234d880b;border-color:#a9c7f5}
#monitor-replay-page .scenario .iconbox{background:#f0f5ff;border:1px solid #e1eaff;border-radius:10px;box-shadow:none}
#monitor-replay-page .scenario>p{color:#70819a}
#monitor-replay-page .scenario-footer{border-top-color:#edf1f7;color:#3774d9}
#monitor-replay-page #features{background:#fff;padding-top:64px;padding-bottom:66px;position:relative}
#monitor-replay-page #features:before{content:"";display:block;position:absolute;inset:0 max(18px,calc((100% - 1280px)/2));z-index:0;background:#f3f7fd;border:1px solid #e7eef8;border-radius:24px;pointer-events:none}
#monitor-replay-page #features:after{content:none;display:none}
#monitor-replay-page .feature{background:#ffffffd9;border-color:#e0e8f5;box-shadow:none;border-radius:9px}
#monitor-replay-page .feature[open]{background:#fff;border-color:#669cf2;box-shadow:0 5px 16px #3267ad08}
#monitor-replay-page .feature-title h3{color:#263a56}
#monitor-replay-page .feature[open] .feature-title h3{color:#2867f5}
#monitor-replay-page .feature summary .feature-question{color:#546e8e;font-weight:550}
#monitor-replay-page .feature-copy>p,#monitor-replay-page .feature-copy li{color:#6b7f98}
#monitor-replay-page .feature-copy strong{color:#365b87}
#monitor-replay-page .feature-stage{background:linear-gradient(135deg,#e9f1ff,#f0f6ff);border-color:#d9e5f8;border-radius:13px;box-shadow:none}
#monitor-replay-page .feature-stage:before{background:#fff8;left:15px;right:15px}
#monitor-replay-page .mock-window,#monitor-replay-page .demo{border-color:#dce6f5;box-shadow:0 12px 28px #31578c09;background:#fff}
#monitor-replay-page .mock-toolbar{background:#fff;border-color:#edf1f7}
#monitor-replay-page .feature-hint{color:#8a9bb3}
#monitor-replay-page #guide{padding-top:75px;padding-bottom:58px;background:#fff}
#monitor-replay-page #guide .step-number{background:#edf3ff;color:#2867f5;font-weight:600;border:1px solid #dce8fc;box-shadow:none}
#monitor-replay-page #guide .step:before{background:linear-gradient(90deg,#c7dafa,#e8effa)}
#monitor-replay-page #guide .step .path{background:#f2f6fc;border:1px solid #e7edf6;color:#7a90af;border-radius:5px}
#monitor-replay-page #guide .guide-notice{background:#f8faff;border-color:#e2eaf7;border-radius:7px}
#monitor-replay-page #guide .guide-action{margin-top:26px}
#monitor-replay-page #benefits{padding-top:58px;padding-bottom:66px;background:linear-gradient(180deg,#fff 0%,#f4f8ff 26%,#f4f8ff 74%,#fff 100%)}
#monitor-replay-page #benefits .benefit-grid{background:#fff;border-color:#dce7f6;box-shadow:0 10px 30px #28599808;backdrop-filter:none;border-radius:13px}
#monitor-replay-page .benefit{background:#fff}
#monitor-replay-page .benefit+.benefit{border-left-color:#e7edf7}
#monitor-replay-page .benefit p{color:#70819b}
#monitor-replay-page #faq{padding-top:56px;padding-bottom:66px;background:#fff}
#monitor-replay-page .faq-layout .section-head{background:transparent}
#monitor-replay-page .faq-reference-card{background:#f5f8fe;border-color:#e0e9f7;box-shadow:none;border-radius:12px}
#monitor-replay-page .faq-reference-card>p{color:#778aa4}
#monitor-replay-page .faq-policy-tags span{background:#fff;border-color:#e2eaf7;color:#6b84a8}
#monitor-replay-page .faq-guide-link{border-color:#e0e8f5}
#monitor-replay-page .faq-list{background:#fff;border-color:#e3eaf4;box-shadow:0 5px 20px #264e8704;border-radius:12px}
#monitor-replay-page .faq{border-bottom-color:#e9eef6}
#monitor-replay-page .faq[open]{background:#f6f9ff}
#monitor-replay-page .faq-question{color:#344c6a}
#monitor-replay-page .faq[open] .faq-question{color:#2867f5}
#monitor-replay-page .closing{padding-bottom:38px;background:#fff}
#monitor-replay-page .closing-card{background:#edf4ff;border-color:#dce8fb;border-radius:13px;box-shadow:none}
#monitor-replay-page .replay-controls{flex-wrap:wrap;row-gap:7px}
#monitor-replay-page .replay-controls>small{display:none}
#monitor-replay-page .replay-speed-group{display:flex;gap:3px;align-items:center;border:1px solid #e2eaf7;background:#f5f8fd;border-radius:5px;padding:2px;margin-left:auto}
#monitor-replay-page .replay-speed{border:0;background:transparent;color:#7488a6;padding:2px 7px;font-size:10px;line-height:1.8;border-radius:3px;min-width:27px}
#monitor-replay-page .replay-speed[aria-pressed=true]{background:#2867f5;color:#fff}
#monitor-replay-page .replay-speed:hover:not([aria-pressed=true]){background:#e8effb;color:#2867f5}
@media (min-width:1500px){#monitor-replay-page #home{padding-top:75px}#monitor-replay-page #scenarios{padding-top:60px}#monitor-replay-page #features{padding-top:66px;padding-bottom:68px}}
@media (max-width:1100px){#monitor-replay-page .hero-grid{gap:28px}#monitor-replay-page .hero-meta{gap:22px}#monitor-replay-page .replay-speed{padding:2px 5px;min-width:24px}#monitor-replay-page #features:before{inset:0 12px}}
@media (max-width:850px){#monitor-replay-page #home{padding-top:48px}#monitor-replay-page .hero-grid{grid-template-columns:1fr;gap:29px}#monitor-replay-page .product-visual{max-width:660px}#monitor-replay-page .hero-composition-button{max-width:620px;margin:auto}#monitor-replay-page .hero-image-caption{margin-top:0}#monitor-replay-page .hero-meta{margin-top:25px}#monitor-replay-page .hero-meta{gap:19px;padding-left:10px;padding-right:10px}#monitor-replay-page .feature-stage{background:#eaf2ff}}
@media (max-width:620px){#monitor-replay-page #home{padding-top:34px;padding-bottom:26px}#monitor-replay-page .hero-grid{gap:27px}#monitor-replay-page .eyebrow{font-size:12px;padding:7px 12px}#monitor-replay-page .hero-meta{font-size:13px;padding:16px 4px;margin-top:23px;column-gap:20px;row-gap:12px}#monitor-replay-page .hero-image-caption{font-size:10px;gap:10px}#monitor-replay-page .hero-meta svg{height:16px;width:16px}#monitor-replay-page #scenarios{padding:44px 0 47px}#monitor-replay-page .scenario{padding:23px 22px 20px}#monitor-replay-page #features{padding:43px 0 44px}#monitor-replay-page #features:before{inset:0 7px;border-radius:17px}#monitor-replay-page #guide{padding:49px 0 42px}#monitor-replay-page #benefits{padding:44px 0 45px}#monitor-replay-page #faq{padding:43px 0 46px}#monitor-replay-page .benefit{padding:23px 18px}#monitor-replay-page .benefit:nth-child(n+3){border-top-color:#e7edf7}#monitor-replay-page .replay-speed{font-size:9px;min-width:22px;padding:2px 4px}#monitor-replay-page .replay-speed-group{gap:1px}#monitor-replay-page .closing-card{padding:28px 22px}#monitor-replay-page .closing{padding-bottom:30px}}
@media(prefers-reduced-motion:reduce){#monitor-replay-page .hero-composition-button:hover .hero-composition,#monitor-replay-page .scenario:hover{transform:none}}
#monitor-replay-page main{background:linear-gradient(180deg,#f5f9ff 0%,#fafdff 12%,#fff 21%,#f1f7ff 37%,#f7fcff 49%,#fff 59%,#f1f7ff 72%,#f9fcff 84%,#fff 94%)}
#monitor-replay-page .ambient-field,#monitor-replay-page .ambient-orb,#monitor-replay-page .flow-wave{display:block!important}
#monitor-replay-page #home{background:linear-gradient(180deg,#f6faff 0%,#f8fbff 62%,#fbfdff 100%)}
#monitor-replay-page #home:before{content:"";display:block;position:absolute;pointer-events:none;z-index:0;inset:-90px -15% -220px 22%;background:radial-gradient(ellipse at 70% 46%,#cbe9ff56 0%,#dce8ff2a 36%,transparent 67%)}
#monitor-replay-page #scenarios{background:linear-gradient(180deg,#fbfdff 0%,#ffffffd9 49%,#fff 100%)}
#monitor-replay-page #scenarios:before{content:"";display:block;position:absolute;pointer-events:none;z-index:0;inset:-150px -15% -100px 25%;background:radial-gradient(ellipse at 65% 30%,#d7edff42,transparent 63%)}
#monitor-replay-page #features{background:linear-gradient(180deg,#fff 0%,#f7fbff 17%,#f0f7ff 55%,#f3f9ff 100%)}
#monitor-replay-page #features:before,#monitor-replay-page #features:after{content:none;display:none}
#monitor-replay-page #features>.flow-wave{display:none!important}
#monitor-replay-page #guide{background:linear-gradient(180deg,#f3f9ff 0%,#f5faff 21%,#fafdff 62%,#f7fbff 100%)}
#monitor-replay-page #guide>.flow-wave{top:-60px;height:175px;opacity:.8;background:transparent;z-index:0}
#monitor-replay-page #benefits{background:linear-gradient(180deg,#f7fbff 0%,#eff6ff 26%,#edf5ff 50%,#f1f7ff 76%,#f6faff 100%)}
#monitor-replay-page #benefits:before,#monitor-replay-page #benefits:after{content:none;display:none}
#monitor-replay-page #faq{background:linear-gradient(180deg,#f6faff 0%,#fbfdff 40%,#fff 100%)}
#monitor-replay-page .closing{background:transparent}
@media (max-width:620px){#monitor-replay-page #home:before{inset:-35px -60% -110px 5%}#monitor-replay-page #scenarios:before{inset:-110px -70% -60px 8%;opacity:.8}#monitor-replay-page #guide>.flow-wave{top:-35px;height:115px}}
#monitor-replay-page .eyebrow{border-radius:999px;background:linear-gradient(105deg,#edf4ffed,#f6fbffdd);border-color:#cbdfff;box-shadow:0 3px 18px #4a85e40a;color:#316aff}
#monitor-replay-page .hero-meta{border-top-color:transparent;border-bottom-color:transparent;background:transparent;box-shadow:none;color:#7c94b7}
#monitor-replay-page .hero-meta svg{color:#6a95da}
#monitor-replay-page .hero-meta .divider{background:#cfdff4}
#monitor-replay-page main,#monitor-replay-page #home{overflow:clip}
#monitor-replay-page .hero-material-stack{position:relative;display:block;width:100%;aspect-ratio:1560/1110;isolation:isolate}
#monitor-replay-page .hero-material-stack img{position:absolute;display:block;max-width:none;height:auto;border-radius:5px;border:1px solid #d5e2f3;box-shadow:0 8px 18px #244f8d22;transition:transform .25s ease}
#monitor-replay-page .hero-material-stack .stack-replay{left:2.82%;top:33.87%;width:94.36%;z-index:1}
#monitor-replay-page .hero-material-stack .stack-search{left:.26%;top:1.8%;width:58.72%;z-index:2}
#monitor-replay-page .hero-material-stack .stack-records{left:58.08%;top:8.83%;width:41.67%;z-index:3}
#monitor-replay-page .hero-composition-button:hover .hero-material-stack .stack-search{transform:translateY(-2px)}
#monitor-replay-page .hero-composition-button:hover .hero-material-stack .stack-records{transform:translateY(-3px)}
#monitor-replay-page .feature-stage .visual-panel{inset:16px;overflow:hidden;justify-content:center;gap:12px}
#monitor-replay-page .feature-image-button{display:flex;align-items:center;justify-content:center;min-height:0;flex:1 1 0!important;width:100%;padding:0;border:0;border-radius:8px;background:transparent;cursor:zoom-in;overflow:hidden;line-height:0}
#monitor-replay-page .feature-static-image{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;border-radius:7px}
#monitor-replay-page .feature-image-tip{flex:0 0 auto!important;margin:0;text-align:center;color:#7b92b1;font-size:11px;line-height:1.7}
@media (max-width:850px){#monitor-replay-page .feature-stage .visual-panel{inset:16px;max-width:none}}
@media (max-width:620px){#monitor-replay-page .feature-stage .visual-panel{inset:12px;gap:9px}#monitor-replay-page .feature-image-tip{font-size:10px}#monitor-replay-page .hero-material-stack img{border-radius:4px;box-shadow:0 5px 12px #244f8d1a}}
@media(prefers-reduced-motion:reduce){#monitor-replay-page .hero-composition-button:hover .hero-material-stack img{transform:none}}


#monitor-replay-page #home{position:relative;background:radial-gradient(ellipse at 85% 40%,#dcefff9c,transparent 57%),linear-gradient(180deg,#f6fbff,#f5faff 70%,#fbfdff)}
#monitor-replay-page #home:before{background:radial-gradient(ellipse at 75% 35%,#c3e3ff52,transparent 66%)}
#monitor-replay-page .hero-silk-background{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
#monitor-replay-page #home>.hero-grid,#monitor-replay-page #home>.hero-meta{position:relative;z-index:1}
#monitor-replay-page .hero-premium-art{position:relative;display:block;width:100%;aspect-ratio:1560/1110;isolation:isolate;text-align:left;perspective:1250px;line-height:normal}
#monitor-replay-page .hero-art-orbit{position:absolute;width:110%;height:27%;left:-3%;top:69%;border:1.5px solid #ffffffc4;border-top-color:#fff5;transform:rotate(-7deg);border-radius:50%;background:radial-gradient(ellipse,#a7d0fd24,transparent 70%);box-shadow:0 12px 32px #4a9fe413;z-index:0;pointer-events:none}
#monitor-replay-page .hero-perspective-window{position:absolute;display:block;left:.5%;top:7.5%;width:103%;padding:6px;border:1px solid #d5e7fb;border-radius:14px;background:linear-gradient(135deg,#ffffffed,#e9f4ff);box-shadow:0 21px 38px #3d86c321,0 4px 10px #4489d712,inset 0 1px 0 #fff;transform:rotateY(-8deg) rotateX(2deg) rotateZ(-2deg);transform-origin:center;z-index:1;overflow:hidden}
#monitor-replay-page .hero-browser-top{height:29px;display:flex;align-items:center;gap:5px;padding:0 7px 4px;font-size:9px;color:#6b85a5}
#monitor-replay-page .hero-browser-top i{height:6px;width:6px;border-radius:50%;background:#ff8d98}#monitor-replay-page .hero-browser-top i:nth-child(2){background:#ffd071}#monitor-replay-page .hero-browser-top i:nth-child(3){background:#63d6a1}
#monitor-replay-page .hero-browser-top>span{margin-left:7px}#monitor-replay-page .hero-browser-top em{font-style:normal;font-size:8px;margin-left:auto;color:#98aec5}
#monitor-replay-page .hero-art-filters{display:flex;align-items:center;gap:8px;background:#fff;padding:12px 9px;font-size:8px;color:#59718d;border:1px solid #e4edf8;border-radius:5px 5px 0 0}
#monitor-replay-page .hero-art-filters>span{display:flex;align-items:center;gap:5px;flex:1;white-space:nowrap}
#monitor-replay-page .hero-art-filters b{font-weight:400;background:#fbfdff;border:1px solid #e7edf5;border-radius:3px;padding:5px 7px;color:#8ca0b5;flex:1}
#monitor-replay-page .hero-art-filters strong{font-size:9px;font-weight:500;background:#1780ff;color:#fff;border-radius:4px;padding:6px 12px}
#monitor-replay-page .hero-art-replay{display:block;width:100%;height:auto;border:1px solid #e1eaf6;border-top:0;border-radius:0 0 6px 6px}
#monitor-replay-page .hero-art-records{position:absolute;width:39%;height:auto;right:-2%;top:69%;z-index:4;box-shadow:0 15px 29px #2879c92e,0 1px 5px #528ac616;border:1px solid #cee3fa;border-radius:9px}
#monitor-replay-page .hero-art-callout{position:absolute;display:flex;align-items:center;gap:6px;z-index:3;white-space:nowrap;border:1px solid #c1e0ff;border-radius:8px;background:linear-gradient(135deg,#fff,#f4fbff);box-shadow:0 5px 14px #3b95e823;padding:9px 12px;font-size:12px;color:#1267d6;font-weight:600}
#monitor-replay-page .hero-art-callout svg{width:17px;height:17px;color:#087bff;flex-shrink:0}
#monitor-replay-page .callout-filter{top:1%;right:6%}#monitor-replay-page .callout-node{left:-2%;top:34%}
#monitor-replay-page .hero-art-callout i{position:absolute;width:26px;height:24px;left:16px;top:100%;border-left:1.5px solid #54aeff;border-bottom:1.5px solid #54aeff;border-radius:0 0 0 15px;transform:translateX(-27px)}
#monitor-replay-page .hero-art-callout i:after{content:'';position:absolute;right:-3px;bottom:-3px;width:5px;height:5px;border-radius:50%;background:#168dff;box-shadow:0 0 0 3px #f6fcff}
#monitor-replay-page .callout-node i{left:17px;height:23px;transform:translateX(0);border-bottom:0;border-left:1.5px solid #54aeff;border-radius:0}
#monitor-replay-page .callout-node i:after{left:-3px;bottom:-3px}
@media (max-width:1100px){#monitor-replay-page .hero-art-filters{gap:5px;padding:9px 6px;font-size:7px}#monitor-replay-page .hero-art-filters b{padding:4px}#monitor-replay-page .hero-art-filters strong{font-size:8px;padding:5px 8px}#monitor-replay-page .hero-art-callout{font-size:10px;padding:7px 9px}}
@media (max-width:850px){#monitor-replay-page .hero-silk-background{width:160%;left:-35%;height:100%}#monitor-replay-page .hero-art-callout{font-size:12px;padding:9px 12px}#monitor-replay-page .hero-art-filters{font-size:8px;padding:12px 9px}#monitor-replay-page .hero-art-records{right:0}#monitor-replay-page .hero-perspective-window{width:100%;left:1%}}
@media (max-width:620px){#monitor-replay-page .hero-art-callout{font-size:9px;padding:6px 8px;gap:4px;border-radius:6px}#monitor-replay-page .hero-art-callout svg{height:13px;width:13px}#monitor-replay-page .hero-browser-top{height:21px;font-size:7px}#monitor-replay-page .hero-browser-top em{font-size:6px}#monitor-replay-page .hero-browser-top i{height:4px;width:4px}#monitor-replay-page .hero-perspective-window{padding:4px;border-radius:10px;top:9%}#monitor-replay-page .hero-art-filters{font-size:6px;padding:7px 5px;gap:4px}#monitor-replay-page .hero-art-filters b{padding:3px 4px}#monitor-replay-page .hero-art-filters strong{font-size:6px;padding:4px 7px}#monitor-replay-page .hero-art-filters>span{gap:3px}#monitor-replay-page .hero-art-records{top:73%;width:40%;border-radius:6px}#monitor-replay-page .callout-node{top:36%;left:0}#monitor-replay-page .hero-art-callout i{height:17px;width:19px}#monitor-replay-page .callout-filter{top:3%}}#monitor-replay-page .hero-perspective-window{transform:none}
#monitor-replay-page .hero-art-callout.callout-filter{top:calc(1% - 12px);right:3%}
#monitor-replay-page .hero-art-callout.callout-node{left:calc(-2% - 15px);top:31%}
#monitor-replay-page .hero-art-callout.callout-filter i{height:34px}
#monitor-replay-page .hero-art-callout.callout-node i{height:32px}
@media (max-width:620px){#monitor-replay-page .hero-art-callout.callout-filter{top:0%;right:4%}#monitor-replay-page .hero-art-callout.callout-node{left:-2%;top:33%}#monitor-replay-page .hero-art-callout.callout-filter i{height:23px}#monitor-replay-page .hero-art-callout.callout-node i{height:25px}}
#monitor-replay-page #features .feature-stage{background:#fff;border:0;box-shadow:none;border-radius:0;padding:0}
#monitor-replay-page #features .feature-stage:before,#monitor-replay-page #features .feature-stage:after{content:none;display:none}
#monitor-replay-page #features .feature-stage .visual-panel{inset:0;max-width:none;margin:0;gap:0;padding:0;overflow:hidden;background:#fff}
#monitor-replay-page #features .feature-image-button{background:#fff;border:0;border-radius:0;box-shadow:none;padding:0;outline-offset:-3px}
#monitor-replay-page #features .feature-static-image{object-fit:contain;width:100%;height:100%;max-width:100%;max-height:100%;border:0;border-radius:0;box-shadow:none;filter:none}
#monitor-replay-page .hero-art-callout i{display:none!important}
#monitor-replay-page .hero-premium-art .hero-art-callout{right:auto;bottom:auto;font-size:20px;line-height:1.4;padding:10px 14px;gap:8px}
#monitor-replay-page .hero-premium-art .hero-art-callout svg{width:20px;height:20px}
@media (max-width:620px){#monitor-replay-page .hero-premium-art .hero-art-callout{font-size:14px;padding:7px 9px;gap:5px}#monitor-replay-page .hero-premium-art .hero-art-callout svg{width:16px;height:16px}}
#monitor-replay-page .hero-label-leaders{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:2;pointer-events:none;stroke:#54aeff;stroke-width:1.5;fill:none}
#monitor-replay-page .hero-label-leaders path{stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
#monitor-replay-page .hero-label-leaders circle{fill:#168dff;stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke}

#monitor-replay-page .hero-free-highlight{color:var(--blue);font-size:1.14em;font-weight:750;white-space:nowrap}
#monitor-replay-page #guide .timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:42px}
#monitor-replay-page #guide .timeline:before{content:"";display:block;position:absolute;left:16.6667%;right:16.6667%;top:25px;bottom:auto;height:0;border:0;border-top:1px dashed #d2e3fc;background:none;z-index:0}
#monitor-replay-page #guide .step{text-align:center;padding:0 20px;min-height:0;position:relative}
#monitor-replay-page #guide .step:before{display:none;content:none}
#monitor-replay-page #guide .step-number{display:grid;place-items:center;position:relative;left:auto;top:auto;width:50px;height:50px;margin:0 auto 24px;border:1px solid #cfe0ff;border-radius:50%;background:#fff;color:var(--blue);font-size:16px;line-height:1;font-weight:400;box-shadow:0 0 0 8px #f5f9ff90;z-index:1}
#monitor-replay-page #guide .step h3{font-size:18px;line-height:1.6;margin:0 0 12px;padding:0;font-weight:650}
#monitor-replay-page #guide .step>p{max-width:260px;min-height:0;margin:0 auto;font-size:13px;line-height:1.9;color:#6f86a7;text-wrap:pretty}
@media (max-width:620px){
#monitor-replay-page #guide .timeline{grid-template-columns:1fr;gap:28px;margin-top:30px}
#monitor-replay-page #guide .timeline:before{left:24px;right:auto;top:25px;bottom:35px;width:0;height:auto;border:0;border-left:1px dashed #d2e3fc}
#monitor-replay-page #guide .step{text-align:left;padding:0 0 0 72px;min-height:83px}
#monitor-replay-page #guide .step-number{position:absolute;left:0;top:0;margin:0}
#monitor-replay-page #guide .step h3{font-size:17px;margin-bottom:7px;padding-top:1px}
#monitor-replay-page #guide .step>p{max-width:none;margin:0;font-size:13px}
}
#monitor-replay-page #scenarios,#monitor-replay-page #features,#monitor-replay-page #guide,#monitor-replay-page #benefits,#monitor-replay-page .closing{background:#fff}
#monitor-replay-page #scenarios::before,#monitor-replay-page #scenarios::after,#monitor-replay-page #features::before,#monitor-replay-page #features::after,#monitor-replay-page #guide::before,#monitor-replay-page #guide::after,#monitor-replay-page #benefits::before,#monitor-replay-page #benefits::after{content:none;display:none}
#monitor-replay-page #scenarios>.flow-wave,#monitor-replay-page #features>.flow-wave,#monitor-replay-page #guide>.flow-wave,#monitor-replay-page #benefits>.flow-wave,#monitor-replay-page .closing>.flow-wave{display:none!important}
#monitor-replay-page .closing-card{background:#fff}
#monitor-replay-page #features .feature{--feature-text-inset:22px}
#monitor-replay-page #features .feature summary{grid-template-columns:minmax(0,1fr) 24px;text-align:left;padding-left:var(--feature-text-inset);padding-right:var(--feature-text-inset)}
#monitor-replay-page #features .feature-content{padding-left:var(--feature-text-inset);padding-right:var(--feature-text-inset)}
@media (max-width:1100px){#monitor-replay-page #features .feature{--feature-text-inset:18px}}
@media (max-width:850px){#monitor-replay-page #features .feature{--feature-text-inset:21px}}
@media (max-width:620px){#monitor-replay-page #features .feature{--feature-text-inset:17px}}
#monitor-replay-page #features .feature summary .feature-title{grid-column:1;grid-row:1;text-align:left}
#monitor-replay-page #features .feature summary .expand{grid-column:2;grid-row:1}
#monitor-replay-page #features .feature summary .feature-question{grid-column:1/-1;grid-row:2;text-align:left}
#monitor-replay-page #features .feature-content,#monitor-replay-page #features .feature-copy,#monitor-replay-page #features .feature-copy>p,#monitor-replay-page #features .feature-copy ul,#monitor-replay-page #features .feature-copy li{text-align:left}
#monitor-replay-page #features .feature-copy li{padding-left:0}
#monitor-replay-page #features .feature-copy li::before{left:-11px}
@media (max-width:620px){#monitor-replay-page #features .feature summary{grid-template-columns:minmax(0,1fr) 20px}}
#monitor-replay-page{--blue:#3267f5;--blue-dark:#244fd5;--cyan:#14a7d8;--ink:#14233d;--muted:#657b98;--line:#dde6f8}
#monitor-replay-page ::selection{background:#cfddff;color:#17347b}
#monitor-replay-page #home{background:radial-gradient(ellipse at 94% 22%,#bfc8ff45,transparent 49%),radial-gradient(ellipse at 61% 78%,#bbf1ff52,transparent 50%),linear-gradient(125deg,#fafcff 0%,#edf5ff 55%,#eef2ff 100%)}
#monitor-replay-page #home:before{background:radial-gradient(ellipse at 76% 37%,#a3d8ff47,transparent 64%)}
#monitor-replay-page .hero-silk-background{filter:drop-shadow(0 3px 12px #72b5ff14)}
#monitor-replay-page .eyebrow{background:linear-gradient(100deg,#e7f0ff,#eff9ff 62%,#f0ecff);border-color:#c5d4fa;color:#3c60c9;box-shadow:0 4px 20px #496cdb0c,inset 0 1px 0 #fff}
#monitor-replay-page .hero-headline-primary{color:#2459d4;text-shadow:0 3px 24px #527ee514}
@supports(background-clip:text){
#monitor-replay-page .hero-headline-primary{background:linear-gradient(100deg,#183881 0%,#2466e7 46%,#7260dc 95%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#monitor-replay-page .hero-free-highlight{background:linear-gradient(100deg,#2467ee,#078bb8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
}
#monitor-replay-page .hero-free-highlight{text-shadow:0 4px 16px #3d8bf51a}
#monitor-replay-page .hero-headline-secondary{color:#395575}
#monitor-replay-page .hero-meta{color:#5876a0}
#monitor-replay-page .hero-meta span:nth-of-type(1) svg{color:#3877f5}
#monitor-replay-page .hero-meta span:nth-of-type(2) svg{color:#0c94b7}
#monitor-replay-page .hero-meta span:nth-of-type(3) svg{color:#6c67da}
#monitor-replay-page .hero-meta span:nth-of-type(4) svg{color:#5276d9}
#monitor-replay-page .check{background:linear-gradient(135deg,#dceaff,#e3f5ff);color:#316bea}
#monitor-replay-page .primary{background:linear-gradient(110deg,#2862ed,#4b67ef 70%,#7168ec);box-shadow:0 6px 19px #3e68e52a}
#monitor-replay-page .primary:hover{background:linear-gradient(110deg,#2054d7,#4159e2 70%,#6554d9);box-shadow:0 9px 24px #3e68e538}
#monitor-replay-page .primary:before{display:block}
#monitor-replay-page .secondary{background:linear-gradient(110deg,#fff,#f6f9ff);border-color:#cedcf8;color:#315fbd}
#monitor-replay-page .secondary:hover{background:#f3f7ff;border-color:#8caaf1}
#monitor-replay-page .hero-art-callout{background:#d7e9fe;opacity:1;border-color:#b7d3fa;box-shadow:0 6px 22px #316ed923;color:#275dbe}
#monitor-replay-page .hero-art-records{box-shadow:0 16px 32px #4a6ed02b,0 2px 7px #6799d51c}
#monitor-replay-page #scenarios,#monitor-replay-page #features,#monitor-replay-page #guide,#monitor-replay-page #benefits,#monitor-replay-page .closing{background:#fff}
#monitor-replay-page .section-head h2{color:#1c345a;position:relative;text-shadow:0 3px 20px #4f76c408}
#monitor-replay-page .section-head h2:after{content:"";display:block;position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:62px;height:3px;background:linear-gradient(90deg,#4c7cff,#5bbce5,#a58ce9);border-radius:99px;opacity:.65;pointer-events:none}
#monitor-replay-page .faq-layout .section-head h2:after{left:0;transform:none}
#monitor-replay-page .section-head .kicker{color:#476ae0;text-shadow:0 3px 15px #5d74ef1c}
#monitor-replay-page .kicker:before{background:linear-gradient(90deg,#adc9ff,#648cfa)}
#monitor-replay-page .kicker:after{background:linear-gradient(90deg,#648cfa,#bdb2f4)}
#monitor-replay-page .scenario{--accent:#3979f4;--tint:#edf4ff;background:linear-gradient(130deg,#fff 38%,var(--tint));border-color:#dce6f7;box-shadow:inset 0 3px 0 var(--accent),0 8px 24px #466bb509}
#monitor-replay-page .scenario:nth-child(2){--accent:#139ab3;--tint:#effbfc}
#monitor-replay-page .scenario:nth-child(3){--accent:#6472dc;--tint:#f2f3ff}
#monitor-replay-page .scenario:nth-child(4){--accent:#8a73d8;--tint:#f7f3ff}
#monitor-replay-page .scenario .iconbox{background:var(--tint);border-color:color-mix(in srgb,var(--accent) 19%,white);color:var(--accent);box-shadow:inset 0 1px 0 #fff}
#monitor-replay-page .scenario h3{color:#263f64}
#monitor-replay-page .scenario-footer{color:var(--accent);border-top-color:color-mix(in srgb,var(--accent) 16%,white)}
#monitor-replay-page .scenario:hover{border-color:color-mix(in srgb,var(--accent) 45%,white);box-shadow:inset 0 3px 0 var(--accent),0 14px 32px #476cc017}
#monitor-replay-page .feature{background:#fbfcff;border-color:#e0e8f7;box-shadow:0 4px 16px #4671c307}
#monitor-replay-page .feature[open]{background:linear-gradient(120deg,#f1f6ff,#f9fbff 60%,#f5f3ff);border-color:#85a4f3;box-shadow:inset 3px 0 0 #5477ec,0 9px 26px #5374c912}
#monitor-replay-page .feature[open] .feature-title h3{color:#3d65d1}
#monitor-replay-page .feature[open] .expand{color:#5c6dd7}
#monitor-replay-page .feature-copy strong{color:#385e9e}
#monitor-replay-page .feature-copy li:before{background:#577ce6;box-shadow:0 0 0 2px #edf2ff}
#monitor-replay-page #features .feature-stage,#monitor-replay-page #features .visual-panel,#monitor-replay-page #features .feature-image-button{background:#fff}
#monitor-replay-page #guide .step-number{background:linear-gradient(140deg,#387af4,#6771e9);border-color:#fff;color:#fff;box-shadow:0 0 0 7px #eef3ff,0 8px 21px #5367d72b;text-shadow:0 1px 2px #1b3b8330}
#monitor-replay-page #guide .step:nth-child(2) .step-number{background:linear-gradient(140deg,#218fda,#4387e0);box-shadow:0 0 0 7px #eef8ff,0 8px 21px #308dc427}
#monitor-replay-page #guide .step:nth-child(3) .step-number{background:linear-gradient(140deg,#6576e3,#8b76da);box-shadow:0 0 0 7px #f3f1ff,0 8px 21px #796ac42b}
#monitor-replay-page #guide .timeline:before{border-color:#c0d2f4}
#monitor-replay-page #guide .guide-notice{background:linear-gradient(100deg,#f2f7ff,#f5faff 60%,#f6f3ff);border-color:#d7e2fa}
#monitor-replay-page #benefits .benefit-grid{background:linear-gradient(115deg,#f7faff,#fff 36%,#f8f6ff);border-color:#d5e2fa;box-shadow:0 12px 32px #4869bd0e}
#monitor-replay-page .benefit{background:transparent}
#monitor-replay-page .benefit:nth-child(1) .iconbox,#monitor-replay-page .money-icon{color:#3674e8}
#monitor-replay-page .benefit:nth-child(2) .iconbox{color:#1398b1}
#monitor-replay-page .benefit:nth-child(3) .iconbox{color:#6871d7}
#monitor-replay-page .benefit:nth-child(4) .iconbox{color:#8b72d1}
#monitor-replay-page .benefit h3{color:#294772}
#monitor-replay-page #faq{background:radial-gradient(ellipse at 5% 57%,#e8efff70,transparent 52%),linear-gradient(180deg,#f8faff,#fff)}
#monitor-replay-page .faq-reference-card{background:radial-gradient(ellipse at 100% 0%,#d7f4ff6b,transparent 65%),linear-gradient(140deg,#edf3ff,#f5f0ff);border-color:#d7dffa;box-shadow:0 9px 29px #5e74c00c}
#monitor-replay-page .faq-retention strong{color:#5e69dc;text-shadow:0 3px 18px #6b76e01c}
#monitor-replay-page .faq-policy-tags span{background:#ffffffd9;border-color:#d8e1fb;color:#536aab}
#monitor-replay-page .faq-list{border-color:#dbe4f6;box-shadow:0 8px 28px #3d64ad08}
#monitor-replay-page .faq[open]{background:linear-gradient(100deg,#eff5ff,#f7f5ff)}
#monitor-replay-page .faq[open] .faq-question{color:#4466ce}
#monitor-replay-page .closing-card{background:linear-gradient(105deg,#eef4ff,#f3f8ff 58%,#f0edff);border-color:#d7e0fb;box-shadow:0 10px 30px #5d76bc0c}
#monitor-replay-page .closing-card h2{color:#2e4b80;text-shadow:0 2px 15px #5874d214}
@media(forced-colors:active){#monitor-replay-page .hero-headline-primary,#monitor-replay-page .hero-free-highlight{background:none;-webkit-text-fill-color:CanvasText;color:CanvasText}#monitor-replay-page .section-head h2:after{display:none}}
#monitor-replay-page main{background:radial-gradient(ellipse 75% 18% at 96% 3%,#d9e4ffb3 0%,transparent 75%),radial-gradient(ellipse 55% 17% at 2% 23%,#dff1ff80 0%,transparent 78%),radial-gradient(ellipse 62% 19% at 100% 43%,#e8e5ff8c 0%,transparent 75%),radial-gradient(ellipse 62% 16% at 0% 65%,#dcf0ff85 0%,transparent 75%),radial-gradient(ellipse 67% 20% at 100% 88%,#e7e9ff85 0%,transparent 75%),linear-gradient(180deg,#f5f8ff 0%,#fcfdff 19%,#f7f9ff 40%,#fbfdff 59%,#f5f8ff 80%,#fafcff 100%)}
#monitor-replay-page main::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(#6688ce0b 1px,transparent 1px),linear-gradient(90deg,#6688ce0b 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(90deg,#0009,transparent 25%,transparent 75%,#0009);-webkit-mask-image:linear-gradient(90deg,#0009,transparent 25%,transparent 75%,#0009)}
#monitor-replay-page #home,#monitor-replay-page #scenarios,#monitor-replay-page #features,#monitor-replay-page #guide,#monitor-replay-page #benefits,#monitor-replay-page #faq,#monitor-replay-page .closing{background:transparent}
#monitor-replay-page #home::before,#monitor-replay-page #home::after,#monitor-replay-page #scenarios::before,#monitor-replay-page #scenarios::after,#monitor-replay-page #features::before,#monitor-replay-page #features::after,#monitor-replay-page #guide::before,#monitor-replay-page #guide::after,#monitor-replay-page #benefits::before,#monitor-replay-page #benefits::after,#monitor-replay-page #faq::before,#monitor-replay-page #faq::after{content:none;display:none}
#monitor-replay-page .ambient-field{display:none!important}
#monitor-replay-page .hero-silk-background{opacity:.38;filter:none}
#monitor-replay-page .hero-art-orbit{opacity:.65}
#monitor-replay-page #scenarios>.flow-wave,#monitor-replay-page #features>.flow-wave,#monitor-replay-page #guide>.flow-wave,#monitor-replay-page #benefits>.flow-wave,#monitor-replay-page .closing>.flow-wave{display:none!important}
#monitor-replay-page #features .feature-stage,#monitor-replay-page #features .visual-panel,#monitor-replay-page #features .feature-image-button{background:#fff}
@media (max-width:700px){#monitor-replay-page main::before{opacity:.4;background-size:48px 48px}#monitor-replay-page .hero-silk-background{opacity:.26}}
#monitor-replay-page,#monitor-replay-page main{background:#fff}
#monitor-replay-page main::before,#monitor-replay-page main::after{display:none;content:none}
#monitor-replay-page #home{background:#e9f1ff}
#monitor-replay-page #scenarios{background:#fff}
#monitor-replay-page #features{background:#edf3ff}
#monitor-replay-page #guide{background:#fff}
#monitor-replay-page #benefits{background:#eaf1fd}
#monitor-replay-page #faq{background:#fff}
#monitor-replay-page .closing{background:#edf3ff}
#monitor-replay-page #home::before,#monitor-replay-page #home::after,#monitor-replay-page #scenarios::before,#monitor-replay-page #scenarios::after,#monitor-replay-page #features::before,#monitor-replay-page #features::after,#monitor-replay-page #guide::before,#monitor-replay-page #guide::after,#monitor-replay-page #benefits::before,#monitor-replay-page #benefits::after,#monitor-replay-page #faq::before,#monitor-replay-page #faq::after{display:none;content:none}
#monitor-replay-page .ambient-field,#monitor-replay-page .ambient-orb,#monitor-replay-page .flow-wave,#monitor-replay-page .hero-silk-background,#monitor-replay-page .hero-art-orbit{display:none!important}
#monitor-replay-page #features .feature-stage,#monitor-replay-page #features .visual-panel,#monitor-replay-page #features .feature-image-button{background:#fff}
#monitor-replay-page .closing-card{background:#fff}
#monitor-replay-page,#monitor-replay-page main{background:#fff}
#monitor-replay-page #home{background:#eff5ff;border-radius:0 0 50% 50% / 0 0 40px 40px}
#monitor-replay-page #scenarios,#monitor-replay-page #features,#monitor-replay-page #guide,#monitor-replay-page #benefits,#monitor-replay-page #faq,#monitor-replay-page .closing{background:#fff}
#monitor-replay-page #features::before{content:"";display:block;position:absolute;inset:12px max(22px,calc((100% - 1304px)/2));z-index:0;border:1px solid #e2ebfa;border-radius:30px;background:#f1f6ff;pointer-events:none}
#monitor-replay-page #benefits::before{content:"";display:block;position:absolute;inset:14px max(22px,calc((100% - 1304px)/2));z-index:0;border:1px solid #e8eef9;border-radius:30px;background:#f5f8fd;pointer-events:none}
#monitor-replay-page #features .feature-stage,#monitor-replay-page #features .visual-panel,#monitor-replay-page #features .feature-image-button{background:#fff}
#monitor-replay-page .closing-card{background:#f2f6ff}
@media (max-width:850px){#monitor-replay-page #home{border-radius:0 0 50% 50% / 0 0 28px 28px}#monitor-replay-page #features::before,#monitor-replay-page #benefits::before{left:12px;right:12px;border-radius:23px}}
@media (max-width:620px){#monitor-replay-page #home{border-radius:0 0 38px 38px}#monitor-replay-page #features::before,#monitor-replay-page #benefits::before{left:6px;right:6px;top:8px;bottom:8px;border-radius:18px}}
#monitor-replay-page #home{background:radial-gradient(ellipse at 85% 40%,#dcefff9c,transparent 57%),linear-gradient(180deg,#f6fbff,#f5faff 70%,#fbfdff);border-radius:0}
#monitor-replay-page #home::before{content:"";display:block;position:absolute;pointer-events:none;z-index:0;inset:-90px -15% -220px 22%;background:radial-gradient(ellipse at 75% 35%,#c3e3ff52,transparent 66%)}
#monitor-replay-page #home .hero-silk-background{display:block!important;opacity:1;filter:none}
#monitor-replay-page #home .hero-art-orbit{display:block!important;opacity:1}
#monitor-replay-page #faq{background:linear-gradient(180deg,#f6faff 0%,#fbfdff 40%,#fff 100%)}
#monitor-replay-page #faq .faq-reference-card{background:#f5f8fe}
#monitor-replay-page #faq .faq-policy-tags span{background:#fff}
#monitor-replay-page #faq .faq-list{background:#fff}
#monitor-replay-page #faq .faq[open]{background:#f6f9ff}
#monitor-replay-page .closing{background:transparent}
#monitor-replay-page .closing .closing-card{background:#edf4ff}
#monitor-replay-page .closing>.flow-wave{display:block!important}
@media (max-width:620px){#monitor-replay-page #home::before{inset:-35px -60% -110px 5%}}#monitor-replay-page #faq{background:#fff}
#monitor-replay-page #features{background:#fff;border:0}
#monitor-replay-page #features::before,#monitor-replay-page #features::after{content:none;display:none;background:none;border:0;box-shadow:none}
#monitor-replay-page #features>.flow-wave{display:none!important}
#monitor-replay-page #features .feature-stage,#monitor-replay-page #features .feature-stage .visual-panel,#monitor-replay-page #features .feature-image-button{background:#fff}
#monitor-replay-page #home{isolation:isolate}
#monitor-replay-page #home::after{content:"";display:block;position:absolute;left:0;right:0;bottom:-1px;height:clamp(110px,14vw,190px);z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 46%,#fff 100%)}
#monitor-replay-page #home>.wrap{position:relative;z-index:1}
#monitor-replay-page #features .feature-stage{background:#eef5ff;border:1px solid #d7e6fa;border-radius:18px;box-shadow:0 12px 30px #315f9e10;isolation:isolate}
#monitor-replay-page #features .feature-stage::before{content:"";display:block;position:absolute;left:22px;right:22px;top:0;height:3px;background:linear-gradient(90deg,#4b7ff1 0%,#4b7ff1 50%,#49b8d6 50%,#49b8d6 80%,#9b9ce8 80%);border-radius:0 0 3px 3px;z-index:2;pointer-events:none}
#monitor-replay-page #features .feature-stage .visual-panel{inset:12px;background:#fff;border:1px solid #e2ebf7;border-radius:11px;overflow:hidden}
#monitor-replay-page #features .feature-image-button{background:#fff;border-radius:10px}
@media (max-width:620px){#monitor-replay-page #home::after{height:105px}#monitor-replay-page #features .feature-stage{border-radius:13px}#monitor-replay-page #features .feature-stage .visual-panel{inset:8px;border-radius:8px}#monitor-replay-page #features .feature-stage::before{left:16px;right:16px;height:3px}}
#monitor-replay-page #features .feature-stage{background:radial-gradient(ellipse at 8% 18%,#dceeff 0%,transparent 58%),radial-gradient(ellipse at 94% 89%,#e4dcfc 0%,transparent 56%),linear-gradient(135deg,#e8f2ff 0%,#eefaff 47%,#efeaff 100%);border-color:#b7c7ef;box-shadow:0 12px 32px #506acb17,inset 0 0 0 1px #ffffffb0}
#monitor-replay-page #features .feature-stage::before,#monitor-replay-page #features .feature-stage::after{content:none;display:none}
#monitor-replay-page #features .feature-stage .visual-panel{background:transparent;border:0;border-radius:10px}
#monitor-replay-page #features .feature-image-button{background:transparent;border:0;border-radius:10px;isolation:auto}
#monitor-replay-page #features .feature-static-image{background:transparent;mix-blend-mode:multiply}
#monitor-replay-page #features .feature-static-image{mix-blend-mode:normal;opacity:1;filter:none;background:transparent}
#monitor-replay-page #features .feature-image-button,#monitor-replay-page #features .visual-panel{mix-blend-mode:normal}
#monitor-replay-page #features .feature-stage{background:#f5f8fd}
#monitor-replay-page .section-head h2::after{content:none!important;display:none!important}
#monitor-replay-page :is(#scenarios,#features,#guide,#benefits,#faq,.closing) .kicker{color:#3273e5;text-shadow:0 3px 15px #3885e91a}
#monitor-replay-page :is(#scenarios,#features,#guide,#benefits,#faq,.closing) .kicker::before{background:linear-gradient(90deg,#b1d5ff,#5797f7)}
#monitor-replay-page :is(#scenarios,#features,#guide,#benefits,#faq,.closing) .kicker::after{background:linear-gradient(90deg,#5797f7,#a6e0f8)}
#monitor-replay-page #scenarios .scenario{--accent:#347cf1;--tint:#edf5ff}
#monitor-replay-page #scenarios .scenario:nth-child(2){--accent:#139ac8;--tint:#effaff}
#monitor-replay-page #scenarios .scenario:nth-child(3){--accent:#367be4;--tint:#eef5ff}
#monitor-replay-page #scenarios .scenario:nth-child(4){--accent:#318cda;--tint:#eef9ff}
#monitor-replay-page #features .feature[open]{background:linear-gradient(120deg,#eef5ff,#f8fcff 60%,#eefaff);border-color:#85b4f3;box-shadow:inset 3px 0 0 #397ff1,0 9px 26px #367bc912}
#monitor-replay-page #features .feature[open] .feature-title h3{color:#2b70d4}
#monitor-replay-page #features .feature[open] .expand{color:#3287db}
#monitor-replay-page #features .feature-copy li::before{background:#3b86ea;box-shadow:0 0 0 2px #edf5ff}
#monitor-replay-page #features .feature-stage{border-color:#b7d5ef;box-shadow:0 12px 32px #357ac517,inset 0 0 0 1px #ffffffb0}
#monitor-replay-page #guide .step-number{background:linear-gradient(140deg,#347cf4,#219dde);box-shadow:0 0 0 7px #eef6ff,0 8px 21px #307bd72b}
#monitor-replay-page #guide .step:nth-child(2) .step-number{background:linear-gradient(140deg,#208cda,#2c9cd9);box-shadow:0 0 0 7px #eefaff,0 8px 21px #308dc427}
#monitor-replay-page #guide .step:nth-child(3) .step-number{background:linear-gradient(140deg,#397be8,#39acdb);box-shadow:0 0 0 7px #eef7ff,0 8px 21px #358bc42b}
#monitor-replay-page #guide .guide-notice{background:linear-gradient(100deg,#f0f6ff,#f5fbff 60%,#eefaff);border-color:#d4e5fa}
#monitor-replay-page #benefits .benefit-grid{background:linear-gradient(115deg,#f2f7ff,#fff 36%,#effaff);border-color:#d0e3fa;box-shadow:0 12px 32px #3079bd0e}
#monitor-replay-page #benefits .benefit:nth-child(1) .iconbox,#monitor-replay-page #benefits .money-icon{color:#3279e8}
#monitor-replay-page #benefits .benefit:nth-child(2) .iconbox{color:#1598c5}
#monitor-replay-page #benefits .benefit:nth-child(3) .iconbox{color:#367ee4}
#monitor-replay-page #benefits .benefit:nth-child(4) .iconbox{color:#2897cf}
#monitor-replay-page #faq .faq-retention strong{color:#2877df;text-shadow:0 3px 18px #428ddd1c}
#monitor-replay-page #faq .faq-reference-card{border-color:#d2e4fa;box-shadow:0 9px 29px #347fc00c}
#monitor-replay-page #faq .faq-policy-tags span{border-color:#d3e5fb;color:#467cad}
#monitor-replay-page #faq .faq[open] .faq-question{color:#2d76cf}
#monitor-replay-page .closing .closing-card{background:linear-gradient(105deg,#edf4ff,#f1f9ff 58%,#ebfaff);border-color:#cee3fb;box-shadow:0 10px 30px #347dbc0c}
#monitor-replay-page .closing .primary{background:linear-gradient(110deg,#2862ed,#2f89ef 70%,#1daddb);box-shadow:0 6px 19px #337de52a}
#monitor-replay-page .closing .primary:hover{background:linear-gradient(110deg,#2054d7,#267bde 70%,#1298c9);box-shadow:0 9px 24px #337de538}
#monitor-replay-page #home .hero-meta{max-width:1100px;gap:25px;font-size:15px;color:#315c9b;padding:20px 26px;border:1px solid #d4e5fb;background:#ffffffd9;border-radius:12px;box-shadow:0 6px 20px #3875b90a}
#monitor-replay-page #home .hero-meta>span:first-child{color:#1266e5;font-weight:750}
#monitor-replay-page #home .hero-meta svg{color:#3983e9}
@media (max-width:1100px){#monitor-replay-page #home .hero-meta{gap:17px;font-size:13px;padding:18px 16px}}
@media (max-width:620px){#monitor-replay-page #home .hero-meta{grid-template-columns:repeat(2,max-content);gap:13px 18px;justify-content:center;font-size:12px;padding:17px 12px}#monitor-replay-page #home .hero-meta>span:last-child{grid-column:1/-1;justify-self:center}#monitor-replay-page #home .hero-meta .divider{display:none}}
#monitor-replay-page #home .hero-meta{background:transparent;border-color:transparent;box-shadow:none;border-radius:0;color:#5876a0}
#monitor-replay-page #home .hero-meta>span:first-child{color:inherit;font-weight:400}
#monitor-replay-page #home .hero-meta .retention-days{font-size:1.4em;font-weight:800;color:#1477f5;line-height:1;vertical-align:baseline;margin:0 2px}
#monitor-replay-page #home .hero-meta>span{align-items:center}
@media (max-width:620px){#monitor-replay-page #home .hero-meta>span:last-child{grid-column:auto;justify-self:auto}}
#monitor-replay-page #home .hero-meta{align-items:baseline}
#monitor-replay-page #home .hero-meta>span{display:inline-flex;align-items:baseline}
#monitor-replay-page #home .hero-meta>span>svg{align-self:center}
#monitor-replay-page #home .hero-meta .retention-days{line-height:inherit;vertical-align:baseline}
#monitor-replay-page #home .hero-meta .retention-days{font-size:1.12em;font-weight:600;color:#3973bd;margin:0 1px;text-shadow:none;line-height:inherit;vertical-align:baseline}
#monitor-replay-page #home .hero-meta .benefit-emphasis{font-size:1em;font-weight:500;color:#3973bd;line-height:inherit;vertical-align:baseline}
#monitor-replay-page #home .hero-meta>span{column-gap:0}
#monitor-replay-page #home .hero-meta>span>svg{margin-right:9px}
#monitor-replay-page #home .hero-meta .benefit-emphasis{margin-left:0;margin-right:0;font-weight:550}
#monitor-replay-page #home .hero-meta .retention-days{font-size:1.20em;font-weight:400;color:#3973bd;line-height:inherit;vertical-align:baseline}
#monitor-replay-page #home .hero-meta .benefit-emphasis{font-size:1.08em;font-weight:400;margin-left:0;margin-right:0}
#monitor-replay-page #home .hero-meta .retention-days{font-size:calc(1.20em + 4px);font-weight:400}
#monitor-replay-page #home .hero-meta .benefit-emphasis{font-size:calc(1.08em + 4px);font-weight:400}
#monitor-replay-page #home .hero-meta .benefit-emphasis{font-size:calc(1.08em + 2px)}
#monitor-replay-page #home .hero-meta>span>svg{align-self:baseline;flex-shrink:0;transform:translateY(2px)}


#monitor-replay-page #guide .guide-notice .guide-retention-emphasis{font-size:14px;font-weight:700;color:inherit;white-space:nowrap}
@media (max-width:640px){#monitor-replay-page #guide .guide-notice .guide-retention-emphasis{font-size:13px}}
#monitor-replay-page #home .hero-meta .benefit-emphasis{font-size:inherit;font-weight:400;color:inherit;margin:0;line-height:inherit}
#monitor-replay-page #home .hero-meta .retention-days:not(.benefit-emphasis){font-weight:700}
#monitor-replay-page #guide .guide-notice .guide-retention-emphasis{font-size:14px;font-weight:700;line-height:inherit}
@media (max-width:640px){#monitor-replay-page #guide .guide-notice .guide-retention-emphasis{font-size:13px}}


#monitor-replay-page{--blue:#0088FA;--blue-dark:#0878d8;--cyan:#35a9f5;--ink:#333;--muted:#858586;--line:#dddfe7;--pale:#f5f8fc;--radius:6px}
#monitor-replay-page{scroll-padding-top:88px}
#monitor-replay-page{background:#fff!important;color:#333;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.75}
#monitor-replay-page main{background:#fff!important}
#monitor-replay-page main:before,#monitor-replay-page main:after,#monitor-replay-page .ambient-field,#monitor-replay-page .ambient-orb,#monitor-replay-page .flow-wave,#monitor-replay-page .hero-silk-background,#monitor-replay-page .hero-art-orbit{display:none!important;content:none!important}
#monitor-replay-page #home,#monitor-replay-page #scenarios,#monitor-replay-page #features,#monitor-replay-page #guide,#monitor-replay-page #benefits,#monitor-replay-page #faq,#monitor-replay-page .closing{background:#fff!important;border-color:#eceef2!important}
#monitor-replay-page #home{padding-top:58px;padding-bottom:46px}
#monitor-replay-page #scenarios,#monitor-replay-page #guide,#monitor-replay-page #faq{padding-top:58px;padding-bottom:62px}
#monitor-replay-page #features,#monitor-replay-page #benefits{padding-top:60px;padding-bottom:64px;background:#f6f8fb!important}
#monitor-replay-page .closing{padding-top:28px;padding-bottom:44px}
#monitor-replay-page h1,#monitor-replay-page h2,#monitor-replay-page h3{color:#222;text-shadow:none!important;letter-spacing:0!important}
#monitor-replay-page h1{font-size:40px;line-height:1.35;font-weight:700}
#monitor-replay-page .section-head h2,#monitor-replay-page .faq-layout .section-head h2{font-size:30px;line-height:1.45;font-weight:700}
#monitor-replay-page .section-head p,#monitor-replay-page .faq-layout .section-head p{font-size:15px;line-height:1.8;color:#858586}
#monitor-replay-page .hero-copy>p,#monitor-replay-page .hero-points li,#monitor-replay-page .hero-note,#monitor-replay-page .feature-copy>p,#monitor-replay-page .feature-copy li,#monitor-replay-page .scenario>p,#monitor-replay-page .step>p,#monitor-replay-page .benefit p,#monitor-replay-page .faq>p,#monitor-replay-page .closing-card p{font-size:15px;line-height:1.8;color:#777}
#monitor-replay-page .kicker,#monitor-replay-page .faq-layout .kicker{font-size:13px;letter-spacing:0!important;color:#0088FA}
#monitor-replay-page .primary,#monitor-replay-page .closing .primary{background:#0088FA!important;border-color:#0088FA!important;box-shadow:none!important}
#monitor-replay-page .primary:hover,#monitor-replay-page .closing .primary:hover{background:#0878d8!important}
#monitor-replay-page .secondary,#monitor-replay-page .feature,#monitor-replay-page .scenario,#monitor-replay-page .closing-card,#monitor-replay-page .benefit-grid,#monitor-replay-page .guide-notice,#monitor-replay-page .faq-list,#monitor-replay-page .faq-reference-card{border-color:#e1e5eb!important;box-shadow:none!important}
#monitor-replay-page .scenario,#monitor-replay-page .feature,#monitor-replay-page .faq,#monitor-replay-page .closing-card,#monitor-replay-page .benefit-grid,#monitor-replay-page .guide-notice,#monitor-replay-page .faq-reference-card{border-radius:6px!important}
#monitor-replay-page .scenario,#monitor-replay-page .feature,#monitor-replay-page .feature[open],#monitor-replay-page .benefit-grid,#monitor-replay-page .guide-notice,#monitor-replay-page .faq-reference-card,#monitor-replay-page .closing-card{background:#fff!important}
#monitor-replay-page .feature[open]{border-color:#b8d9f5!important;box-shadow:inset 3px 0 #0088FA!important}
#monitor-replay-page .feature-title h3,#monitor-replay-page .scenario h3,#monitor-replay-page .step h3,#monitor-replay-page .benefit h3{font-size:18px;line-height:1.5;color:#333}
#monitor-replay-page .feature-question{font-size:15px!important;color:#555!important}
#monitor-replay-page .feature-copy strong,#monitor-replay-page .feature[open] .feature-title h3,#monitor-replay-page .faq[open] .faq-question{color:#0088FA!important}
#monitor-replay-page .feature-stage{background:#f4f8fc!important;border-color:#e1e8f0!important;box-shadow:none!important}
#monitor-replay-page .iconbox,#monitor-replay-page .step-number{box-shadow:none!important}
#monitor-replay-page #home .hero-meta{color:#666}
#monitor-replay-page #home .hero-meta .retention-days{color:#0088FA}
#monitor-replay-page #guide .guide-notice{background:#f5f8fc!important}
#monitor-replay-page #faq{background:#fff!important}
#monitor-replay-page .faq-list{background:#fff!important}
#monitor-replay-page .faq[open]{background:#f5f8fc!important}
#monitor-replay-page .closing-card{background:#f5f8fc!important}
#monitor-replay-page button:focus-visible,#monitor-replay-page a:focus-visible,#monitor-replay-page summary:focus-visible,#monitor-replay-page input:focus-visible,#monitor-replay-page select:focus-visible{outline-color:#0088FA}
@media (max-width:850px){#monitor-replay-page h1{font-size:34px}#monitor-replay-page .section-head h2,#monitor-replay-page .faq-layout .section-head h2{font-size:27px}#monitor-replay-page .hero-copy>p,#monitor-replay-page .hero-points li,#monitor-replay-page .feature-copy>p,#monitor-replay-page .feature-copy li,#monitor-replay-page .scenario>p,#monitor-replay-page .step>p,#monitor-replay-page .benefit p,#monitor-replay-page .faq>p{font-size:14px}}
@media (max-width:620px){#monitor-replay-page #home{padding-top:40px;padding-bottom:34px}#monitor-replay-page #scenarios,#monitor-replay-page #guide,#monitor-replay-page #faq{padding-top:44px;padding-bottom:46px}#monitor-replay-page #features,#monitor-replay-page #benefits{padding-top:46px;padding-bottom:48px}#monitor-replay-page .closing{padding-bottom:32px}#monitor-replay-page h1{font-size:30px}#monitor-replay-page .section-head h2,#monitor-replay-page .faq-layout .section-head h2{font-size:24px}#monitor-replay-page .section-head p,#monitor-replay-page .faq-layout .section-head p{font-size:14px}}
#monitor-replay-page #home::before,#monitor-replay-page #home::after,#monitor-replay-page #scenarios::before,#monitor-replay-page #scenarios::after,#monitor-replay-page #features::before,#monitor-replay-page #features::after,#monitor-replay-page #guide::before,#monitor-replay-page #guide::after,#monitor-replay-page #benefits::before,#monitor-replay-page #benefits::after,#monitor-replay-page #faq::before,#monitor-replay-page #faq::after,#monitor-replay-page .closing::before,#monitor-replay-page .closing::after{content:none!important;display:none!important;background:none!important}
#monitor-replay-page #home .hero-copy h1{font-size:36px!important;line-height:1.4!important;font-weight:700!important;letter-spacing:0!important;color:#222!important}
#monitor-replay-page #home .hero-headline-primary{display:block;color:#222!important;background:none!important;-webkit-text-fill-color:#222!important;text-shadow:none!important;font-size:1em!important;line-height:1.35!important}
#monitor-replay-page #home .hero-headline-secondary{display:block;margin-top:10px!important;font-size:18px!important;font-weight:400!important;line-height:1.75!important;letter-spacing:0!important;color:#666!important}
#monitor-replay-page #home .hero-free-highlight{font-size:1em!important;font-weight:600!important;color:#0088FA!important;background:none!important;-webkit-text-fill-color:#0088FA!important;text-shadow:none!important}
#monitor-replay-page #home .hero-points li{font-size:14px!important;line-height:1.8!important;color:#666!important}
#monitor-replay-page #home .hero-points strong{color:#333!important}
#monitor-replay-page .section-head h2,#monitor-replay-page #faq .faq-layout .section-head h2{font-size:30px!important;line-height:1.45!important;font-weight:700!important;letter-spacing:0!important;color:#222!important;text-shadow:none!important}
#monitor-replay-page .section-head p,#monitor-replay-page #faq .faq-layout .section-head p{font-size:15px!important;line-height:1.8!important;color:#858586!important}
#monitor-replay-page .scenario h3,#monitor-replay-page #features .feature-title h3,#monitor-replay-page #guide .step h3,#monitor-replay-page #benefits .benefit h3,#monitor-replay-page .closing-card h2{font-size:18px!important;line-height:1.55!important;font-weight:600!important;letter-spacing:0!important;color:#333!important;text-shadow:none!important}
#monitor-replay-page .scenario>p,#monitor-replay-page #features .feature-copy>p,#monitor-replay-page #features .feature-copy li,#monitor-replay-page #guide .step>p,#monitor-replay-page #benefits .benefit p,#monitor-replay-page #faq .faq>p,#monitor-replay-page .closing-card p{font-size:14px!important;line-height:1.85!important;color:#777!important}
#monitor-replay-page #features .feature-question{font-size:15px!important;line-height:1.7!important;font-weight:500!important;color:#555!important}
#monitor-replay-page #faq .faq-question{font-size:15px!important;line-height:1.7!important;font-weight:500!important;color:#444!important}
#monitor-replay-page #features .feature[open] .feature-title h3,#monitor-replay-page #features .feature-copy strong,#monitor-replay-page #faq .faq[open] .faq-question{color:#0088FA!important}
#monitor-replay-page #home,#monitor-replay-page #scenarios,#monitor-replay-page #features,#monitor-replay-page #guide,#monitor-replay-page #benefits,#monitor-replay-page #faq,#monitor-replay-page .closing{background:#fff!important}
#monitor-replay-page #features,#monitor-replay-page #benefits{background:#f6f8fb!important}
#monitor-replay-page #features .feature,#monitor-replay-page #features .feature[open],#monitor-replay-page #scenarios .scenario,#monitor-replay-page #benefits .benefit-grid,#monitor-replay-page #guide .guide-notice,#monitor-replay-page #faq .faq-reference-card,#monitor-replay-page .closing .closing-card{background:#fff!important;border:1px solid #e1e5eb!important;border-radius:6px!important;box-shadow:none!important}
#monitor-replay-page #features .feature-stage,#monitor-replay-page #features .visual-panel,#monitor-replay-page #features .feature-image-button{background:#f5f8fc!important;border-color:#e1e5eb!important;box-shadow:none!important}
#monitor-replay-page #guide .guide-notice,#monitor-replay-page #faq .faq-reference-card,#monitor-replay-page .closing .closing-card{background:#f5f8fc!important}
#monitor-replay-page #features .feature[open]{border-color:#b8d9f5!important;box-shadow:inset 3px 0 #0088FA!important}
#monitor-replay-page #home .hero-meta .retention-days{color:#0088FA!important}
#monitor-replay-page .primary,#monitor-replay-page .closing .primary{background:#0088FA!important;border-color:#0088FA!important}
#monitor-replay-page .primary:hover,#monitor-replay-page .closing .primary:hover{background:#0878d8!important;border-color:#0878d8!important}
@media (max-width:850px){#monitor-replay-page #home .hero-copy h1{font-size:32px!important}#monitor-replay-page .section-head h2,#monitor-replay-page #faq .faq-layout .section-head h2{font-size:27px!important}}
@media (max-width:620px){#monitor-replay-page #home .hero-copy h1{font-size:29px!important}#monitor-replay-page #home .hero-headline-secondary{font-size:16px!important}#monitor-replay-page .section-head h2,#monitor-replay-page #faq .faq-layout .section-head h2{font-size:24px!important}#monitor-replay-page .section-head p,#monitor-replay-page #faq .faq-layout .section-head p{font-size:14px!important}}

#monitor-replay-page #features{background:#fff!important;padding:48px 0 60px!important}
#monitor-replay-page #features .section-head{margin:0 auto 34px!important;text-align:center!important}
#monitor-replay-page #features .section-head h2{font-size:36px!important;line-height:1.4!important;color:#222!important;font-weight:700!important}
#monitor-replay-page #features .section-head p{margin:12px auto 0!important;font-size:15px!important;line-height:1.8!important;color:#858586!important}
#monitor-replay-page #features .feature-layout{grid-template-columns:minmax(0,.78fr) minmax(0,1.05fr)!important;gap:24px!important;align-items:stretch!important}
#monitor-replay-page #features .feature-list{display:flex;flex-direction:column;gap:14px}
#monitor-replay-page #features .feature{border:1px solid #e5edf5!important;border-radius:8px!important;background:#f5f9fd!important;box-shadow:none!important;overflow:hidden}
#monitor-replay-page #features .feature[open]{background:#fff!important;border-color:#0088FA!important;box-shadow:inset 3px 0 #0088FA!important}
#monitor-replay-page #features .feature summary{padding:18px 22px!important;row-gap:9px!important}
#monitor-replay-page #features .feature-title h3{font-size:21px!important;line-height:1.5!important;font-weight:650!important;color:#222!important}
#monitor-replay-page #features .feature[open] .feature-title h3{color:#0088FA!important}
#monitor-replay-page #features .feature summary .feature-question{display:none!important}
#monitor-replay-page #features .feature[open] summary .feature-question{display:block!important;font-size:16px!important;line-height:1.75!important;font-weight:600!important;color:#3279dc!important}
#monitor-replay-page #features .feature-content{padding:0 22px 20px!important}
#monitor-replay-page #features .feature-copy li{font-size:14px!important;line-height:1.85!important;color:#666!important}
#monitor-replay-page #features .feature-copy strong{color:#0088FA!important;font-weight:600!important}
#monitor-replay-page #features .feature-stage{background:#eef7fd!important;border:1px solid #e1edf5!important;border-radius:8px!important;box-shadow:none!important}
@media (max-width:850px){#monitor-replay-page #features{padding:44px 0 52px!important}#monitor-replay-page #features .section-head{margin-bottom:28px!important}#monitor-replay-page #features .feature-layout{grid-template-columns:minmax(0,1fr)!important;gap:20px!important}#monitor-replay-page #features .feature-stage{border-radius:8px!important}}
@media (max-width:620px){#monitor-replay-page #features{padding:40px 0 46px!important}#monitor-replay-page #features .section-head{margin-bottom:23px!important}#monitor-replay-page #features .section-head h2{font-size:27px!important;line-height:1.45!important}#monitor-replay-page #features .section-head p{font-size:14px!important}#monitor-replay-page #features .feature-layout{gap:16px!important}#monitor-replay-page #features .feature summary{padding:16px!important}#monitor-replay-page #features .feature-title h3{font-size:19px!important}#monitor-replay-page #features .feature[open] summary .feature-question{font-size:14px!important}#monitor-replay-page #features .feature-content{padding:0 16px 17px!important}#monitor-replay-page #features .feature-stage{min-height:0!important;height:auto!important;aspect-ratio:1.24/1!important}}


#monitor-replay-page #home .hero-copy h1,#monitor-replay-page #home .hero-headline-primary{font-size:48px!important;line-height:1.35!important}
#monitor-replay-page #home .hero-headline-secondary{font-size:24px!important;line-height:1.5!important}
@media (max-width:850px){#monitor-replay-page #home .hero-copy h1,#monitor-replay-page #home .hero-headline-primary{font-size:40px!important}#monitor-replay-page #home .hero-headline-secondary{font-size:24px!important}}
@media (max-width:620px){#monitor-replay-page #home .hero-copy h1,#monitor-replay-page #home .hero-headline-primary{font-size:32px!important}#monitor-replay-page #home .hero-headline-secondary{font-size:24px!important;line-height:1.55!important}}


#monitor-replay-page{--blue:#0088fa;--blue-dark:#0878d8;--cyan:#35a9f5;--ink:#222;--muted:#858586;--line:#e1e5eb;--pale:#f5f8fc}
#monitor-replay-page{background:#fff!important;color:#333!important;font-family:Arial,"Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:16px!important;line-height:1.75!important}
#monitor-replay-page main{background:#fff!important}
#monitor-replay-page #home,#monitor-replay-page #scenarios,#monitor-replay-page #features,#monitor-replay-page #guide,#monitor-replay-page #benefits,#monitor-replay-page #faq,#monitor-replay-page .closing{border:0!important;color:#333!important}
#monitor-replay-page #home{background:linear-gradient(180deg,#f0f6ff 0%,#f8fbff 48%,#fff 100%)!important}
#monitor-replay-page #scenarios,#monitor-replay-page #guide,#monitor-replay-page #faq{background:#fff!important}
#monitor-replay-page #features,#monitor-replay-page #benefits{background:#f6f8fb!important}
#monitor-replay-page .closing,#monitor-replay-page .closing-card{background:linear-gradient(180deg,#f5f9ff,#fff)!important}
#monitor-replay-page #home:before,#monitor-replay-page #home:after,#monitor-replay-page #scenarios:before,#monitor-replay-page #scenarios:after,#monitor-replay-page #features:before,#monitor-replay-page #features:after,#monitor-replay-page #guide:before,#monitor-replay-page #guide:after,#monitor-replay-page #benefits:before,#monitor-replay-page #benefits:after,#monitor-replay-page #faq:before,#monitor-replay-page #faq:after,#monitor-replay-page .closing:before,#monitor-replay-page .closing:after,#monitor-replay-page .flow-wave,#monitor-replay-page .hero-silk-background{display:none!important;content:none!important;background:none!important}
#monitor-replay-page h1,#monitor-replay-page h2,#monitor-replay-page h3{color:#222!important;text-shadow:none!important;letter-spacing:0!important}
#monitor-replay-page #home .hero-copy h1,#monitor-replay-page #home .hero-headline-primary{font-size:48px!important;line-height:1.35!important;font-weight:700!important;color:#111!important}
#monitor-replay-page #home .hero-headline-secondary{font-size:24px!important;line-height:1.6!important;font-weight:400!important;color:#666!important}
#monitor-replay-page #home .hero-free-highlight{font-size:1em!important;color:#0088fa!important}
#monitor-replay-page #scenarios .section-head h2,#monitor-replay-page #features .section-head h2,#monitor-replay-page #guide .section-head h2,#monitor-replay-page #benefits h2,#monitor-replay-page #faq .section-head h2,#monitor-replay-page .closing-card h2{font-size:42px!important;line-height:1.45!important;font-weight:700!important;color:#222!important}
#monitor-replay-page .section-head p,#monitor-replay-page #faq .section-head p{font-size:16px!important;line-height:1.8!important;color:#858586!important}
#monitor-replay-page .hero-copy>p,#monitor-replay-page .hero-points li,#monitor-replay-page .hero-note,#monitor-replay-page .scenario>p,#monitor-replay-page .feature-copy li,#monitor-replay-page .step>p,#monitor-replay-page .benefit p,#monitor-replay-page .faq>p,#monitor-replay-page .closing-card p,#monitor-replay-page #guide .guide-notice p{font-size:14px!important;line-height:1.85!important;color:#666!important}
#monitor-replay-page .feature-title h3,#monitor-replay-page .scenario h3,#monitor-replay-page .step h3,#monitor-replay-page .benefit h3{font-size:20px!important;line-height:1.5!important;font-weight:600!important;color:#333!important}
#monitor-replay-page .feature-question{font-size:16px!important;line-height:1.75!important;color:#555!important}
#monitor-replay-page .kicker,#monitor-replay-page .faq-layout .kicker{font-size:14px!important;color:#0088fa!important;letter-spacing:0!important}
#monitor-replay-page .scenario,#monitor-replay-page .feature,#monitor-replay-page .faq,#monitor-replay-page .closing-card,#monitor-replay-page .benefit-grid,#monitor-replay-page .guide-notice,#monitor-replay-page .faq-reference-card{border-color:#e1e5eb!important;border-radius:8px!important;box-shadow:none!important}
#monitor-replay-page .scenario,#monitor-replay-page .feature,#monitor-replay-page .feature[open],#monitor-replay-page .faq,#monitor-replay-page .closing-card,#monitor-replay-page .benefit-grid,#monitor-replay-page .guide-notice,#monitor-replay-page .faq-reference-card{background:#fff!important}
#monitor-replay-page .feature[open]{border-color:#b8d9f5!important;box-shadow:inset 3px 0 #0088fa!important}
#monitor-replay-page .feature-stage{background:#f4f8fc!important;border-color:#e1e8f0!important;box-shadow:none!important}
#monitor-replay-page .primary,#monitor-replay-page .closing .primary{background:#0088fa!important;border-color:#0088fa!important;box-shadow:none!important}
#monitor-replay-page .primary:hover,#monitor-replay-page .closing .primary:hover{background:#0878d8!important}
#monitor-replay-page .secondary{border-color:#d7e1ed!important;color:#333!important}
#monitor-replay-page #guide .guide-notice{background:#f5f8fc!important}
#monitor-replay-page #faq .faq-list{background:#fff!important}#monitor-replay-page #faq .faq[open]{background:#f5f8fc!important}
#monitor-replay-page button:focus-visible,#monitor-replay-page a:focus-visible,#monitor-replay-page summary:focus-visible,#monitor-replay-page input:focus-visible,#monitor-replay-page select:focus-visible{outline-color:#0088fa!important}
@media (max-width:850px){#monitor-replay-page #home .hero-copy h1,#monitor-replay-page #home .hero-headline-primary{font-size:40px!important}#monitor-replay-page .section-head h2,#monitor-replay-page #benefits h2,#monitor-replay-page #faq .section-head h2,#monitor-replay-page .closing-card h2{font-size:32px!important}#monitor-replay-page .section-head p,#monitor-replay-page #faq .section-head p{font-size:15px!important}#monitor-replay-page .hero-copy>p,#monitor-replay-page .hero-points li,#monitor-replay-page .scenario>p,#monitor-replay-page .feature-copy li,#monitor-replay-page .step>p,#monitor-replay-page .benefit p,#monitor-replay-page .faq>p{font-size:14px!important}}
@media (max-width:620px){#monitor-replay-page #home .hero-copy h1,#monitor-replay-page #home .hero-headline-primary{font-size:32px!important}#monitor-replay-page #home .hero-headline-secondary{font-size:22px!important;line-height:1.55!important}#monitor-replay-page .section-head h2,#monitor-replay-page #benefits h2,#monitor-replay-page #faq .section-head h2,#monitor-replay-page .closing-card h2{font-size:26px!important;line-height:1.45!important}#monitor-replay-page .section-head p,#monitor-replay-page #faq .section-head p{font-size:14px!important}#monitor-replay-page .feature-title h3,#monitor-replay-page .scenario h3,#monitor-replay-page .step h3,#monitor-replay-page .benefit h3{font-size:18px!important}#monitor-replay-page .feature-question{font-size:14px!important}#monitor-replay-page .hero-points li,#monitor-replay-page .scenario>p,#monitor-replay-page .feature-copy li,#monitor-replay-page .step>p,#monitor-replay-page .benefit p,#monitor-replay-page .faq>p,#monitor-replay-page #guide .guide-notice p{font-size:13px!important}}


#monitor-replay-page #home .hero-meta{display:flex;align-items:center;justify-content:space-around;gap:14px;width:min(900px,100%);max-width:900px;min-height:78px;margin:30px auto 0;padding:17px 22px;border:0;border-radius:8px;background:linear-gradient(105deg,#eef7ff,#fff 54%,#f4f9ff);box-shadow:0 8px 24px #2388fa12;color:#42546b;font-size:16px;line-height:1.45}
#monitor-replay-page #home .hero-meta>span{display:flex;align-items:center;gap:9px;min-width:0;white-space:nowrap;font-weight:500}
#monitor-replay-page #home .hero-meta svg{width:19px;height:19px;flex:0 0 19px;color:#168fff}
#monitor-replay-page #home .hero-meta .divider{display:block;width:1px;height:28px;flex:0 0 1px;background:#c9def5}
#monitor-replay-page #home .hero-meta .benefit-emphasis{font-size:1em!important;font-weight:700!important;color:#0878d8!important;margin:0!important;line-height:inherit!important}
#monitor-replay-page #home .hero-meta .retention-days:not(.benefit-emphasis){font-size:24px!important;font-weight:700!important;color:#0878d8!important;margin:0 1px!important;line-height:1!important}
@media (max-width:850px){#monitor-replay-page #home .hero-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 22px;max-width:620px;min-height:0;padding:18px 22px;font-size:15px}#monitor-replay-page #home .hero-meta .divider{display:none}}
@media (max-width:620px){#monitor-replay-page #home .hero-meta{width:100%;gap:13px 10px;margin-top:24px;padding:16px 12px;font-size:13px}#monitor-replay-page #home .hero-meta>span{gap:6px;white-space:normal;justify-content:center}#monitor-replay-page #home .hero-meta svg{width:17px;height:17px;flex-basis:17px}#monitor-replay-page #home .hero-meta .retention-days:not(.benefit-emphasis){font-size:21px!important}}


#monitor-replay-page #home .hero-points li{font-size:16px!important;line-height:1.8!important}
#monitor-replay-page #features .section-head p{font-size:16px!important;line-height:1.8!important}


#monitor-replay-page #scenarios .section-head h2{color:#222!important}
#monitor-replay-page #scenarios .section-head p{color:#858586!important}
#monitor-replay-page #scenarios .scenario{background:#fff!important;border-color:#e1e5eb!important}
#monitor-replay-page #scenarios .scenario h3{color:#222!important}
#monitor-replay-page #scenarios .scenario>p{color:#666!important}
#monitor-replay-page #scenarios .scenario-footer{border-color:#e1e5eb!important}
#monitor-replay-page #scenarios .scenario-footer span{color:#0088fa!important}
#monitor-replay-page #scenarios .scenario .iconbox{color:#0088fa!important;background:#f0f7ff!important;border-color:#dcecff!important}

#monitor-replay-page #home .hero-headline-secondary{color:#111!important}#monitor-replay-page #home h1 .hero-headline-secondary .hero-free-highlight{color:#0088fa!important;-webkit-text-fill-color:#0088fa!important;background:none!important;background-image:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;text-shadow:none!important}

#monitor-replay-page #guide .step .step-number{background:#0088fa!important;border:2px solid #fff!important;color:#fff!important;box-shadow:0 0 0 7px #eaf4ff,0 7px 18px #0088fa2b!important}
#monitor-replay-page #guide .step h3{color:#0088fa!important}
#monitor-replay-page #guide{background:linear-gradient(180deg,#fff 0%,#fff 68%,#edf6ff 100%)!important;padding-bottom:70px!important}
#monitor-replay-page .closing{position:relative;background:linear-gradient(180deg,#edf6ff 0%,#f3f8ff 58%,#fff 100%)!important;padding-top:42px!important;margin-top:0!important;overflow:visible}
#monitor-replay-page .closing .flow-wave{display:block!important;top:-70px!important;height:150px!important;opacity:1!important;z-index:0!important}
#monitor-replay-page .closing .flow-wave path:first-of-type{opacity:.9!important}
#monitor-replay-page .closing .flow-wave path:not(:first-of-type){stroke-opacity:.55!important}
@media (max-width:620px){#monitor-replay-page #guide{padding-bottom:54px!important}#monitor-replay-page .closing{padding-top:34px!important}#monitor-replay-page .closing .flow-wave{top:-44px!important;height:118px!important}}

#monitor-replay-page .closing-card h2{font-size:30px!important}

#monitor-replay-page #features .feature-layout{align-items:start!important}
#monitor-replay-page #features .feature-stage{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;align-self:start!important;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
#monitor-replay-page #features .feature-stage .visual-panel{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important;justify-content:flex-start!important;animation:none!important}
#monitor-replay-page #features .feature-image-button{flex:0 0 auto!important;height:auto!important;min-height:0!important;overflow:visible!important}
#monitor-replay-page #features .feature-static-image{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;max-height:none!important;object-fit:contain!important}


#monitor-replay-page{--blue:#0088FA;--blue-dark:#0077DB;--ink:rgba(0,0,0,.88);--muted:rgba(0,0,0,.65);--text-secondary:rgba(0,0,0,.65);--text-helper:rgba(0,0,0,.45);--line:rgba(0,0,0,.15)}
#monitor-replay-page{font-family:"PingFang SC",-apple-system,"Microsoft Yahei",BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important;color:var(--ink)!important}
#monitor-replay-page .wrap{width:min(1280px,calc(100% - 64px))!important}
#monitor-replay-page button,#monitor-replay-page .btn{border-radius:0!important}#monitor-replay-page .btn{font-size:14px!important;gap:8px!important;transition:background 150ms!important}#monitor-replay-page .primary:hover,#monitor-replay-page .closing .primary:hover{background:#0088FACC!important;transform:none!important}#monitor-replay-page .primary:active{background:#0077DB!important}
#monitor-replay-page h1,#monitor-replay-page h2,#monitor-replay-page h3,#monitor-replay-page #scenarios .scenario h3,#monitor-replay-page #home .hero-headline-secondary,#monitor-replay-page #scenarios .section-head h2{color:var(--ink)!important}
#monitor-replay-page .section-head p,#monitor-replay-page #scenarios .section-head p,#monitor-replay-page .scenario>p,#monitor-replay-page #scenarios .scenario>p,#monitor-replay-page .hero-points li,#monitor-replay-page .hero-points strong,#monitor-replay-page .feature-copy li,#monitor-replay-page .step>p,#monitor-replay-page .closing-card p{color:var(--text-secondary)!important}
#monitor-replay-page .hero-note{color:var(--text-helper)!important}
#monitor-replay-page #home .hero-meta .benefit-emphasis,#monitor-replay-page #home .hero-meta .retention-days:not(.benefit-emphasis),#monitor-replay-page #home .hero-meta svg,#monitor-replay-page .feature-copy strong,#monitor-replay-page .feature[open] .feature-title h3,#monitor-replay-page #features .feature[open] summary .feature-question,#monitor-replay-page .hero-art-callout,#monitor-replay-page .step h3{color:#0088FA!important;-webkit-text-fill-color:currentColor!important;background-image:none!important}
#monitor-replay-page .scenario{border-radius:8px!important;padding:24px!important;box-shadow:none!important}#monitor-replay-page .scenario-grid{gap:24px!important}#monitor-replay-page .scenario>p,#monitor-replay-page .feature-copy li,#monitor-replay-page .step>p,#monitor-replay-page .closing-card p{font-size:14px!important;line-height:1.8!important}#monitor-replay-page .section-head{margin-bottom:40px!important}#monitor-replay-page .section{padding:64px 0!important}
#monitor-replay-page #features{background:#fff!important;padding:64px 0!important}
#monitor-replay-page #features .feature-layout{grid-template-columns:minmax(0, .88fr) minmax(0,1.2fr)!important;gap:24px!important;align-items:stretch!important}
#monitor-replay-page #features .feature-list{gap:16px!important}
#monitor-replay-page #features .feature{background:#F3F9FF!important;border:1px solid transparent!important;border-radius:8px!important;box-shadow:none!important;transition:background 150ms,border-color 150ms!important}
#monitor-replay-page #features .feature[open]{background:linear-gradient(135deg,#F0F9FF,#fff)!important;border:1px solid #0088FA!important;box-shadow:0 2px 8px #0088fa12!important}
#monitor-replay-page #features .feature summary{padding:24px!important;gap:12px!important;grid-template-columns:minmax(0,1fr) 20px!important}
#monitor-replay-page #features .feature-title h3{font-size:22px!important;line-height:1.5!important;font-weight:600!important}
#monitor-replay-page #features .feature[open] .feature-title h3{color:#0088FA!important}
#monitor-replay-page #features .expand{display:grid!important;color:#0088FA!important}
#monitor-replay-page #features .feature summary .feature-question{display:none!important}
#monitor-replay-page #features .feature-content{padding:0 24px 24px!important}
#monitor-replay-page #features .feature-question{display:block!important;font-size:14px!important;color:var(--text-secondary)!important;margin-bottom:16px!important;font-weight:400!important}
#monitor-replay-page .feature-tag{display:inline-block;vertical-align:middle;font-size:12px;line-height:24px;padding:0 8px;margin-left:12px;color:#0088FA;background:#E6F4FF;font-weight:500;white-space:nowrap}
#monitor-replay-page #features .feature-stage{padding:24px!important;align-self:stretch!important;min-height:480px!important;background:linear-gradient(135deg,#F3F9FF,#EAF6FF)!important;border:0!important;border-radius:8px!important;display:flex!important;align-items:center!important;overflow:hidden!important}
#monitor-replay-page #features .feature-stage .visual-panel{background:transparent!important;animation:monitor-panel-in 250ms ease-out!important}
#monitor-replay-page #features .feature-image-button{background:transparent!important;cursor:zoom-in!important;border-radius:0!important}
#monitor-replay-page #features .feature-static-image,#monitor-replay-page .hero-art-replay,#monitor-replay-page .hero-art-records{filter:none!important;opacity:1!important;mix-blend-mode:normal!important;image-rendering:auto;transform:none!important}
#monitor-replay-page #features .feature-static-image{width:100%!important;height:auto!important;max-height:none!important}
#monitor-replay-page .monitor-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 0;font-size:12px;line-height:20px;color:var(--text-secondary)}#monitor-replay-page .monitor-caption strong{font-size:14px;font-weight:500;color:#0088FA}#monitor-replay-page .monitor-caption span{white-space:nowrap}
@keyframes monitor-panel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
#monitor-replay-page #guide{background:linear-gradient(180deg,#fff 55%,#F0F8FF 100%)!important;padding-bottom:48px!important}
#monitor-replay-page .closing{background:linear-gradient(180deg,#F0F8FF,#fff)!important;padding:0 0 56px!important}#monitor-replay-page .closing .flow-wave{display:none!important}
#monitor-replay-page .closing .closing-card{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:40px 0!important;gap:32px!important}#monitor-replay-page .closing-card h2{font-size:30px!important;line-height:1.5!important}#monitor-replay-page .closing-card p{margin-top:12px!important}
#monitor-replay-page #imageDialog{width:min(1500px,96vw)!important;max-width:96vw!important;max-height:92vh!important;padding:24px!important}#monitor-replay-page .image-viewport{overflow:auto;max-height:70vh;background:#F3F9FF}#monitor-replay-page .image-viewport img{display:block;width:100%!important;height:auto!important;max-width:none!important;max-height:none!important;margin:0!important;cursor:zoom-in}#monitor-replay-page .image-viewport.native img{width:var(--native-width)!important;cursor:zoom-out}#monitor-replay-page .image-tools{display:flex;align-items:center;gap:16px;font-size:12px;margin-bottom:16px;color:var(--text-secondary)}#monitor-replay-page .image-tools button{background:#E6F4FF;color:#0088FA;border:1px solid #0088FA;padding:6px 12px;font-size:14px}
@media (max-width:850px){#monitor-replay-page #features .feature-layout{grid-template-columns:1fr!important}#monitor-replay-page #features .feature-stage{min-height:0!important}#monitor-replay-page .wrap{width:calc(100% - 40px)!important}#monitor-replay-page .closing .closing-card{flex-direction:column;align-items:flex-start!important}#monitor-replay-page .feature-tag{margin-left:8px}#monitor-replay-page #features .feature-title h3{font-size:20px!important}}
@media (max-width:620px){#monitor-replay-page .wrap{width:calc(100% - 32px)!important}#monitor-replay-page .section,#monitor-replay-page #features{padding:48px 0!important}#monitor-replay-page #scenarios .section-head h2,#monitor-replay-page #features .section-head h2,#monitor-replay-page #guide .section-head h2{font-size:28px!important;line-height:1.5!important}#monitor-replay-page .section-head p,#monitor-replay-page #features .section-head p{font-size:14px!important}#monitor-replay-page .section-head{margin-bottom:28px!important}#monitor-replay-page #features .feature summary{padding:20px!important}#monitor-replay-page #features .feature-content{padding:0 20px 20px!important}#monitor-replay-page #features .feature-stage{padding:16px!important}#monitor-replay-page #features .feature-title h3{font-size:18px!important}#monitor-replay-page .feature-tag{font-size:12px}#monitor-replay-page .closing .closing-card{text-align:left!important;padding:24px 0!important}#monitor-replay-page .closing-card h2{font-size:24px!important}#monitor-replay-page .closing .btn{width:100%}#monitor-replay-page .monitor-caption{gap:8px;flex-wrap:wrap}#monitor-replay-page #imageDialog{padding:16px!important}#monitor-replay-page .image-tools{flex-wrap:wrap}#monitor-replay-page .hero-points li{font-size:14px!important}}
@media(prefers-reduced-motion:reduce){#monitor-replay-page #features .feature-stage .visual-panel{animation:none!important}}

#monitor-replay-page #features .feature-list{height:100%}#monitor-replay-page #features .feature[open]{flex:1}#monitor-replay-page #features .feature[open] .feature-content{padding-top:4px!important}@media (max-width:850px){#monitor-replay-page #features .feature-list{height:auto}}

#monitor-replay-page #features .feature-layout{align-items:start!important;min-height:0!important}
#monitor-replay-page #features .feature-list{height:auto!important;gap:16px!important}
#monitor-replay-page #features .feature,#monitor-replay-page #features .feature[open]{flex:0 0 auto!important;min-height:0!important;height:auto!important}
#monitor-replay-page #features .feature[open]{background:linear-gradient(135deg,#f3faff,#fff)!important;border:1.5px solid #4aa7f5!important;box-shadow:0 0 0 1px #40dccd73!important}
#monitor-replay-page #features .feature summary{padding:20px 24px!important}
#monitor-replay-page #features .feature[open] .feature-content{padding:0 24px 24px!important}
#monitor-replay-page #features .feature-copy ul{padding:0!important;margin:0!important;gap:10px!important}
#monitor-replay-page #features .feature-copy li{padding-left:12px!important;margin-left:0!important}
#monitor-replay-page #features .feature-copy li::before{left:0!important;top:10px!important;width:4px!important;height:4px!important;box-shadow:none!important;background:#0088FA!important}
#monitor-replay-page #features .feature[open] .feature-title h3,#monitor-replay-page #features .feature-copy strong{background:linear-gradient(90deg,#2e5ee6 49.04%,#4ebbff 100%)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}
#monitor-replay-page #features .feature-tag{color:#5b7fd6!important;-webkit-text-fill-color:#5b7fd6!important;background:linear-gradient(270deg,#ede8ff 0%,#fff 49.04%,#dbefff 100%)!important;border-radius:4px!important}
#monitor-replay-page #features .feature-stage{height:460px!important;min-height:0!important;max-height:none!important;padding:20px!important;align-self:start!important}
#monitor-replay-page #features .feature-stage .visual-panel{height:100%!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
#monitor-replay-page #features .feature-stage .visual-panel[hidden]{display:none!important}
#monitor-replay-page #features .feature-image-button{flex:1 1 0!important;min-height:0!important;height:calc(100% - 40px)!important;overflow:hidden!important}
#monitor-replay-page #features .feature-static-image{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
#monitor-replay-page #features .monitor-caption{flex:0 0 auto;margin-top:16px}
#monitor-replay-page #home .hero-points .check{width:18px!important;height:18px!important;flex:0 0 18px!important;display:grid!important;place-items:center!important;margin-top:5px!important;background:#0088FA!important;color:#fff!important;border:0!important;border-radius:50%!important;box-shadow:none!important}
#monitor-replay-page #home .hero-points .check svg{width:12px!important;height:12px!important;stroke:#fff!important;stroke-width:2!important}
@media (max-width:850px){#monitor-replay-page #features .feature-stage{height:420px!important}}
@media (max-width:620px){#monitor-replay-page #features .feature-stage{height:300px!important;padding:16px!important}#monitor-replay-page #features .feature summary{padding:20px!important}#monitor-replay-page #features .feature[open] .feature-content{padding:0 20px 20px!important}#monitor-replay-page .monitor-caption strong{font-size:12px!important}}


#monitor-replay-page .closing .closing-card{background:rgba(255,255,255,.9)!important;border:1px solid #D6E9FA!important;border-radius:8px!important;padding:32px 36px!important;box-shadow:none!important;gap:32px!important}
#monitor-replay-page .closing{padding-top:16px!important}
@media (max-width:620px){#monitor-replay-page .closing .closing-card{padding:24px!important;gap:24px!important}#monitor-replay-page .closing-card h2{font-size:24px!important}}


#monitor-replay-page #scenarios .scenario-grid{max-width:1160px;margin:0 auto;gap:24px!important}
#monitor-replay-page #scenarios .scenario{padding:28px!important;border:1px solid #E2EAF2!important;background:#fff!important;border-radius:8px!important}
#monitor-replay-page #scenarios .scenario-top{gap:16px!important;margin-bottom:16px!important}
#monitor-replay-page #scenarios .scenario h3{font-size:20px!important;line-height:30px!important}
#monitor-replay-page #scenarios .scenario>p{font-size:16px!important;line-height:28px!important;color:rgba(0,0,0,.65)!important}
#monitor-replay-page #scenarios .scenario-footer{border:0!important;background:#F0F8FF!important;padding:12px 16px!important;margin-top:24px!important;border-radius:6px!important;font-size:14px!important;line-height:22px!important}
#monitor-replay-page #scenarios .scenario-footer span{color:#365B78!important}
#monitor-replay-page .closing .closing-card{background:linear-gradient(110deg,#E6F4FF 0%,#EDF7FF 60%,#DDEFFF 100%)!important;border:1px solid #C9E4FA!important;padding:36px!important;position:relative;overflow:hidden}
#monitor-replay-page .closing .closing-card h2{font-size:28px!important;line-height:42px!important}
#monitor-replay-page .closing .closing-card p{color:rgba(0,0,0,.65)!important;font-size:14px!important}
#monitor-replay-page #home .hero-points .check svg{stroke-width:3!important;width:13px!important;height:13px!important}
@media (max-width:620px){#monitor-replay-page #scenarios .scenario{padding:24px!important}#monitor-replay-page #scenarios .scenario h3{font-size:18px!important;line-height:28px!important}#monitor-replay-page #scenarios .scenario>p{font-size:15px!important;line-height:26px!important}#monitor-replay-page #scenarios .scenario-footer{margin-top:20px!important;padding:12px!important}#monitor-replay-page .closing .closing-card{padding:24px!important}#monitor-replay-page .closing .closing-card h2{font-size:24px!important;line-height:36px!important}}
#monitor-replay-page{--copy-color:rgba(0,0,0,.65);--section-content-gap:40px}
#monitor-replay-page #scenarios .section-head,#monitor-replay-page #features .section-head,#monitor-replay-page #guide .section-head{margin-bottom:var(--section-content-gap)!important}
#monitor-replay-page #guide .timeline{margin-top:0!important}
#monitor-replay-page #home .hero-points li,#monitor-replay-page #home .hero-points strong,#monitor-replay-page #scenarios .scenario>p,#monitor-replay-page #features .feature-copy li,#monitor-replay-page #features .feature-copy>p,#monitor-replay-page #guide .step>p,#monitor-replay-page .closing .closing-card p,#monitor-replay-page .section-head p{color:var(--copy-color)!important}
#monitor-replay-page #home .hero-points li,#monitor-replay-page #scenarios .scenario>p,#monitor-replay-page #features .feature-copy li,#monitor-replay-page #guide .step>p{font-size:16px!important;line-height:28px!important}
#monitor-replay-page #features .feature-copy ul{gap:8px!important}
#monitor-replay-page #features .feature-copy li::before{top:12px!important}
#monitor-replay-page #features .feature-question,#monitor-replay-page .closing .closing-card p{font-size:14px!important;line-height:24px!important}
#monitor-replay-page #features .feature-stage{height:480px!important}
#monitor-replay-page #features .feature-image-button{position:relative!important}
#monitor-replay-page #features .feature-stage .visual-panel[data-panel="0"] .feature-static-image{max-height:100%!important;width:auto!important}
#monitor-replay-page #features .feature-stage .visual-panel[data-panel="1"] .feature-static-image,#monitor-replay-page #features .feature-stage .visual-panel[data-panel="2"] .feature-static-image{width:100%!important;height:100%!important;object-fit:contain!important}
@media (max-width:850px){#monitor-replay-page #features .feature-stage{height:440px!important}}
@media (max-width:620px){#monitor-replay-page{--section-content-gap:28px}#monitor-replay-page #scenarios .scenario-grid{gap:16px!important}#monitor-replay-page #home .hero-points li,#monitor-replay-page #scenarios .scenario>p,#monitor-replay-page #features .feature-copy li,#monitor-replay-page #guide .step>p{font-size:16px!important;line-height:28px!important}#monitor-replay-page #features .feature-stage{height:320px!important}#monitor-replay-page #guide .timeline{margin-top:0!important}}

@media (max-width:620px){#monitor-replay-page #home .hero-meta>span{white-space:nowrap!important;gap:4px!important;font-size:12px!important}#monitor-replay-page #home .hero-meta svg{width:15px!important;height:15px!important;flex-basis:15px!important}#monitor-replay-page #home .hero-meta .retention-days:not(.benefit-emphasis){font-size:20px!important}}@media (max-width:360px){#monitor-replay-page #home .hero-meta{grid-template-columns:1fr!important;gap:12px!important}}
#monitor-replay-page #scenarios .scenario-footer{background:transparent!important;border-top:1px solid #E1E5EB!important;border-radius:0!important;padding:14px 0 0!important;margin-top:20px!important;line-height:22px!important}
#monitor-replay-page #scenarios .scenario-footer span{color:#0088FA!important}

#monitor-replay-page section[id] { scroll-margin-top: calc(var(--header-height) + var(--android-header-height) + 16px); }

#monitor-replay-page section[id] { scroll-margin-top: 110px; }

/* 监控截图按原始比例显示，避免固定高度将小字截图再次缩小。 */
#monitor-replay-page .hero-premium-art{perspective:none}
#monitor-replay-page #features .feature-stage{height:auto!important;aspect-ratio:auto!important}
#monitor-replay-page #features .feature-stage .visual-panel{height:auto!important}
#monitor-replay-page #features .feature-image-button{flex:0 0 auto!important;width:100%!important;height:auto!important}
#monitor-replay-page #features .feature-stage .visual-panel .feature-static-image{display:block!important;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:1368/880}
@media (min-width:1440px){
    #monitor-replay-page #home>.wrap,#monitor-replay-page #features>.wrap{width:min(1440px,calc(100% - 160px))!important}
    #monitor-replay-page #home .hero-grid{grid-template-columns:540px minmax(0,1fr);gap:64px}
    #monitor-replay-page #home .hero-composition-button{max-width:none}
    #monitor-replay-page #home .hero-perspective-window{left:0;width:100%}
    #monitor-replay-page #home .hero-art-records{right:0}
    #monitor-replay-page #features .feature-layout{grid-template-columns:520px minmax(0,1fr)!important}
}