@font-face{font-family:'ABC Monument Grotesk';src:url('webfonts/ABCMonumentGrotesk-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;}@font-face{font-family:'ABC Monument Grotesk';src:url('webfonts/ABCMonumentGrotesk-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}@font-face{font-family:'ABC Monument Grotesk Semi-Mono';src:url('webfonts/ABCMonumentGroteskSemi-Mono-Regular-Trial.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}:root{--font-primary:'ABC Monument Grotesk', -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;--font-mono:'ABC Monument Grotesk Semi-Mono', ui-monospace, SFMono-Regular, monospace;--bg-golden:#f7f5f2;--bg-golden-light:#faf8f4;--bg-golden-shadow:#eae4d8;--text-black:#08090c;--text-grey:#a8a196;--text-blue:#2563eb;--accent-red:#ef4444;--stage-scale:1;}*, *::before, *::after{box-sizing:border-box;margin:0;padding:0;}html, body{width:100vw;height:100vh;overflow:hidden;background-color:#0f1013;font-family:var(--font-primary);user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.mini-dock{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);z-index:9999;pointer-events:auto;transition:opacity 0.2s ease, transform 0.2s ease;}body.clean-mode .mini-dock{opacity:0;pointer-events:none;transform:translateX(-50%) translateY(30px);}.mini-dock-inner{display:flex;align-items:center;gap:10px;background:rgba(14, 16, 21, 0.94);border:1px solid rgba(255, 255, 255, 0.14);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:6px 14px;border-radius:999px;box-shadow:0 16px 40px rgba(0, 0, 0, 0.5);}.mini-btn{background:rgba(255, 255, 255, 0.08);border:1px solid rgba(255, 255, 255, 0.12);color:#ffffff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.15s ease;}.mini-btn:hover{background:rgba(255, 255, 255, 0.18);transform:scale(1.05);}.mini-btn.btn-primary{background:var(--text-blue);border-color:#3b82f6;}.mini-icon{width:15px;height:15px;}.mini-time{font-family:var(--font-mono);font-size:13px;font-weight:600;color:#e2e8f0;min-width:44px;text-align:center;}.mini-scrubber{-webkit-appearance:none;appearance:none;width:110px;height:5px;background:rgba(255, 255, 255, 0.15);border-radius:999px;outline:none;cursor:pointer;}.mini-scrubber::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:var(--text-blue);box-shadow:0 0 10px rgba(37, 99, 235, 0.8);cursor:pointer;}.mini-divider{width:1px;height:18px;background:rgba(255, 255, 255, 0.14);}.mini-pill-toggle{display:inline-flex;background:rgba(0, 0, 0, 0.4);padding:3px;border-radius:999px;gap:2px;}.mini-pill{background:transparent;border:none;color:#94a3b8;font-family:var(--font-primary);font-size:11px;font-weight:600;padding:4px 10px;border-radius:999px;cursor:pointer;transition:all 0.15s ease;}.mini-pill:hover{color:#ffffff;}.mini-pill.is-active{background:rgba(255, 255, 255, 0.18);color:#ffffff;}.stage-outer-wrapper{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:16px 16px 68px 16px;}body.mode-16-9 .stage-container{width:1920px;height:1080px;transform-origin:center center;transform:scale(var(--stage-scale));display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;}body.mode-9-16 .stage-container{width:1080px;height:1920px;transform-origin:center center;transform:scale(var(--stage-scale));display:flex;flex-direction:column;}.stage-container{position:relative;background:var(--bg-golden);background:radial-gradient(ellipse at 50% 48%, var(--bg-golden-light) 0%, var(--bg-golden) 65%, var(--bg-golden-shadow) 100%);border-radius:20px;box-shadow:0 30px 90px rgba(0, 0, 0, 0.5);overflow:hidden;flex-shrink:0;}body.mode-16-9 .stage-text-col{flex:1;max-width:1240px;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:38px 32px 36px 54px;position:relative;z-index:2;overflow:hidden;box-sizing:border-box;}.two-lines-header{position:relative;width:100%;height:240px;display:flex;align-items:center;}.text-pair{position:absolute;top:0;left:0;width:100%;display:flex;flex-direction:column;gap:12px;opacity:0;transform:translateY(-20px);transition:opacity 0.24s cubic-bezier(0.16, 1, 0.3, 1), transform 0.28s cubic-bezier(0.16, 1, 0.3, 1);pointer-events:none;}.text-pair.is-active{opacity:1;transform:translateY(0);pointer-events:auto;}.k-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 16px;font-family:var(--font-primary);font-size:108px;font-weight:800;line-height:0.88;letter-spacing:-0.04em;text-transform:uppercase;-webkit-text-stroke:1.2px currentColor;}#textPair3 .line-top{font-size:92px;}#textPair3 .line-bottom{font-size:102px;}.w-black{color:var(--text-black);}.w-blue{color:var(--text-blue);}.browser-card-wrapper{width:100%;height:670px;position:relative;display:flex;flex-direction:column;}.mock-browser-window{width:100%;height:100%;background:#ffffff;border-radius:22px;border:1.5px solid rgba(8, 9, 12, 0.1);box-shadow:0 24px 60px rgba(8, 9, 12, 0.09), 0 4px 16px rgba(8, 9, 12, 0.04);display:flex;flex-direction:column;overflow:hidden;position:relative;}.mock-browser-chrome{height:46px;background:#f1ede6;border-bottom:1px solid rgba(8, 9, 12, 0.08);display:flex;align-items:center;justify-content:space-between;padding:0 20px;flex-shrink:0;z-index:10;}.chrome-traffic-dots{display:flex;align-items:center;gap:8px;}.dot-red{width:12px;height:12px;border-radius:50%;background:#ff5f56;}.dot-yellow{width:12px;height:12px;border-radius:50%;background:#ffbd2e;}.dot-green{width:12px;height:12px;border-radius:50%;background:#27c93f;}.chrome-address-pill{display:flex;align-items:center;gap:8px;background:#ffffff;border:1px solid rgba(8, 9, 12, 0.1);padding:5px 18px;border-radius:999px;box-shadow:0 2px 6px rgba(0, 0, 0, 0.03);}.chrome-lock-icon{width:12px;height:12px;color:#10b981;}.chrome-domain{font-family:var(--font-primary);font-size:13px;font-weight:700;color:var(--text-black);}.chrome-cpc-tag{font-family:var(--font-mono);font-size:11px;font-weight:600;color:#64748b;margin-left:6px;}.chrome-session-pill{display:flex;align-items:center;gap:6px;background:rgba(37, 99, 235, 0.1);border:1px solid rgba(37, 99, 235, 0.24);color:var(--text-blue);font-family:var(--font-mono);font-size:11px;font-weight:700;padding:4px 12px;border-radius:999px;}.chrome-rec-dot{width:6px;height:6px;border-radius:50%;background:var(--text-blue);box-shadow:0 0 6px rgba(37, 99, 235, 0.8);}.browser-subview{width:100%;height:calc(100% - 46px);display:none;flex-direction:column;position:absolute;top:46px;left:0;right:0;bottom:0;background:#ffffff;transition:opacity 0.22s ease;}.browser-subview.is-active{display:flex;}.view-sessions-list{background:#faf8f5;}.list-summary-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#ffffff;border-bottom:1px solid rgba(8, 9, 12, 0.08);}.list-title{font-family:var(--font-primary);font-size:16px;font-weight:800;color:var(--text-black);}.list-sub{font-size:12px;color:#64748b;margin-left:12px;}.list-bot-stat-badge{display:flex;align-items:center;gap:6px;background:rgba(239, 68, 68, 0.1);border:1px solid rgba(239, 68, 68, 0.3);color:#b91c1c;font-family:var(--font-mono);font-size:12px;padding:5px 12px;border-radius:999px;}.sessions-table-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden;}.sessions-table-header{display:flex;align-items:center;padding:8px 24px;background:#f4efe8;font-family:var(--font-mono);font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;border-bottom:1px solid rgba(8, 9, 12, 0.06);}.sessions-list-body{flex:1;display:flex;flex-direction:column;}.session-row{display:flex;align-items:center;padding:9px 24px;border-bottom:1px solid rgba(8, 9, 12, 0.05);font-size:13px;color:#334155;transition:background 0.15s ease;position:relative;}.session-row:hover{background:#f1ede5;}.session-row.row-bot{background:rgba(239, 68, 68, 0.05);}.session-row.is-selected-target{background:rgba(239, 68, 68, 0.12) !important;border-left:4px solid var(--accent-red);}.col-num{width:34px;font-weight:700;}.col-visitor{width:200px;display:flex;align-items:center;gap:8px;font-weight:600;}.col-ip{width:240px;}.col-activity{width:220px;color:#64748b;}.col-duration{width:90px;}.col-status{flex:1;text-align:right;}.flag{font-size:14px;}.fake-ip-tag{font-size:11px;font-weight:700;color:#b91c1c;background:rgba(239, 68, 68, 0.15);padding:2px 6px;border-radius:4px;margin-left:4px;}.text-red{color:#b91c1c;}.font-mono{font-family:var(--font-mono);}.pill-human{font-family:var(--font-mono);font-size:10px;font-weight:700;color:#15803d;background:rgba(22, 163, 74, 0.12);border:1px solid rgba(22, 163, 74, 0.25);padding:3px 8px;border-radius:999px;}.pill-bot{font-family:var(--font-mono);font-size:10px;font-weight:800;color:#b91c1c;background:rgba(239, 68, 68, 0.2);border:1px solid rgba(239, 68, 68, 0.45);padding:3px 8px;border-radius:999px;}.row-click-finger{position:absolute;right:120px;top:50%;transform:translateY(-50%);display:flex;align-items:center;pointer-events:none;animation:bounceFinger 1s infinite alternate;}@keyframes bounceFinger{0%{transform:translateY(-50%) translateX(6px);}100%{transform:translateY(-50%) translateX(-4px);}}.finger-svg{width:26px;height:26px;color:#b91c1c;filter:drop-shadow(0 2px 6px rgba(0, 0, 0, 0.25));}.click-pulse-ring{width:18px;height:18px;border-radius:50%;border:2px solid var(--accent-red);position:absolute;left:3px;top:3px;animation:pulseRing 1.2s infinite;}@keyframes pulseRing{0%{transform:scale(0.6);opacity:1;}100%{transform:scale(2.2);opacity:0;}}.list-footer-bar{height:38px;background:#f1ede5;border-top:1px solid rgba(8, 9, 12, 0.08);display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-family:var(--font-mono);font-size:11px;color:#64748b;}.click-hint-text{color:var(--text-blue);font-weight:700;}.view-session-replay{background:#ffffff;}.replay-session-info-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 24px;background:#08090c;color:#ffffff;font-family:var(--font-mono);font-size:12px;flex-shrink:0;}.info-bar-left{display:flex;align-items:center;gap:12px;}.info-pill-bot{background:var(--accent-red);color:#ffffff;font-weight:800;padding:2px 8px;border-radius:4px;}.info-ip strong{color:#fca5a5;}.info-bar-right{display:flex;align-items:center;gap:16px;}.info-cost strong{color:#fca5a5;}.info-verdict{color:#94a3b8;}.mock-site-viewport{flex:1;position:relative;background:#ffffff;display:flex;flex-direction:column;padding:22px 36px;overflow:hidden;}.site-forensic-alert-banner{display:flex;align-items:center;justify-content:space-between;background:rgba(239, 68, 68, 0.07);border:1.5px solid rgba(239, 68, 68, 0.28);border-radius:12px;padding:9px 18px;margin-bottom:20px;}.alert-icon{font-size:16px;margin-right:8px;}.alert-text{font-family:var(--font-primary);font-size:15px;color:#991b1b;flex:1;}.alert-text strong{font-weight:800;color:#b91c1c;}.alert-pill{font-family:var(--font-mono);font-size:11px;font-weight:700;background:rgba(239, 68, 68, 0.14);color:#b91c1c;padding:3px 8px;border-radius:6px;}.site-mock-navbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid rgba(8, 9, 12, 0.06);margin-bottom:24px;}.site-brand-logo{display:flex;align-items:center;gap:8px;}.site-brand-icon{width:22px;height:22px;border-radius:6px;background:var(--text-black);}.site-brand-title{font-family:var(--font-primary);font-size:16px;font-weight:800;color:var(--text-black);letter-spacing:-0.02em;}.site-nav-links{display:flex;gap:24px;font-size:13px;color:#64748b;font-weight:600;}.site-nav-btn{font-size:13px;font-weight:700;color:var(--text-black);}.site-hero-area{max-width:680px;}.site-hero-headline{font-family:var(--font-primary);font-size:44px;font-weight:800;line-height:1.05;letter-spacing:-0.035em;color:var(--text-black);margin-bottom:10px;}.site-hero-sub{font-size:15px;line-height:1.45;color:#64748b;margin-bottom:24px;}.site-cta-cluster{display:flex;align-items:center;gap:14px;}.site-btn-primary{display:flex;align-items:center;gap:8px;background:var(--text-blue);color:#ffffff;border:none;padding:13px 22px;border-radius:10px;font-family:var(--font-primary);font-size:15px;font-weight:700;box-shadow:0 8px 20px rgba(37, 99, 235, 0.3);cursor:default;}.site-btn-arrow{width:16px;height:16px;}.site-btn-secondary{background:#ffffff;border:1.5px solid rgba(8, 9, 12, 0.15);color:var(--text-black);padding:13px 20px;border-radius:10px;font-family:var(--font-primary);font-size:14px;font-weight:700;cursor:default;}.corner-cursor-station{position:absolute;bottom:22px;right:26px;display:flex;align-items:center;gap:16px;z-index:20;}.cursor-telemetry-box{background:rgba(15, 18, 24, 0.95);border:1px solid rgba(239, 68, 68, 0.4);border-radius:14px;padding:10px 16px;box-shadow:0 12px 30px rgba(0, 0, 0, 0.35);display:flex;flex-direction:column;gap:3px;text-align:right;}.telemetry-status-row{display:flex;align-items:center;justify-content:flex-end;gap:6px;font-family:var(--font-mono);font-size:11px;font-weight:800;color:#f87171;letter-spacing:0.06em;}.telemetry-red-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-red);box-shadow:0 0 6px #ef4444;}.telemetry-metric{font-family:var(--font-mono);font-size:11px;color:#94a3b8;}.telemetry-metric strong{color:#ffffff;}.telemetry-badge-cost{font-family:var(--font-mono);font-size:10px;font-weight:800;color:#fecaca;background:rgba(239, 68, 68, 0.25);border-radius:4px;padding:2px 6px;margin-top:2px;}.big-cursor-arrow{width:76px;height:76px;filter:drop-shadow(0 10px 22px rgba(0, 0, 0, 0.45));transform:translate(0, 0);}.big-cursor-svg{width:76px;height:76px;}.browser-footer-bar{height:42px;background:#f8f6f0;border-top:1px solid rgba(8, 9, 12, 0.08);display:flex;align-items:center;padding:0 20px;gap:16px;flex-shrink:0;}.footer-play-state{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;font-weight:700;color:#475569;}.footer-dot-green{width:7px;height:7px;border-radius:50%;background:#10b981;}.footer-track{flex:1;height:6px;background:rgba(8, 9, 12, 0.08);border-radius:999px;position:relative;overflow:hidden;}.footer-fill{position:absolute;top:0;left:0;bottom:0;width:60%;background:var(--text-blue);border-radius:999px;}.footer-timer{font-family:var(--font-mono);font-size:12px;font-weight:700;color:#1e293b;}body.mode-16-9 .stage-video-col{width:640px;height:1080px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:24px 28px 24px 0;position:relative;z-index:2;transition:opacity 0.25s ease, transform 0.25s ease;}body.mode-16-9 .presenter-card{width:100%;height:100%;border-radius:28px;overflow:hidden;position:relative;background:#0f172a;box-shadow:0 24px 60px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.1);border:1.5px solid rgba(8, 9, 12, 0.08);}body.mode-16-9 .presenter-video{width:100%;height:100%;object-fit:cover;object-position:center;display:block;}.presenter-badge{position:absolute;top:24px;left:24px;background:rgba(14, 16, 21, 0.82);border:1px solid rgba(255, 255, 255, 0.16);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:8px 16px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-primary);font-size:13px;font-weight:700;color:#ffffff;letter-spacing:0.04em;box-shadow:0 8px 24px rgba(0, 0, 0, 0.35);pointer-events:none;z-index:4;}.badge-dot{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981;}.badge-divider{opacity:0.4;}.badge-brand{color:#93c5fd;font-weight:800;}.presenter-huge-logo-banner{position:absolute;bottom:24px;left:18px;right:18px;background:rgba(247, 245, 242, 0.96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255, 255, 255, 0.95);border-radius:22px;padding:16px 20px;display:flex;align-items:center;justify-content:center;box-shadow:0 24px 60px rgba(0, 0, 0, 0.4), 0 4px 16px rgba(0, 0, 0, 0.15);z-index:5;}.presenter-huge-logo-img{width:100%;max-width:480px;height:68px;object-fit:contain;display:block;}body.mode-16-9.yessi-hidden .stage-video-col{display:none !important;}body.mode-16-9.yessi-hidden .stage-text-col{max-width:1800px;padding:44px 60px;}body.mode-9-16 .stage-video-col{display:none !important;}body.mode-9-16 .stage-text-col{width:100%;height:100%;padding:70px 44px;display:flex;flex-direction:column;justify-content:space-between;}body.mode-9-16 .two-lines-header{height:340px;}body.mode-9-16 .k-line{font-size:96px;line-height:0.9;}body.mode-9-16 .browser-card-wrapper{height:1360px;}body.mode-9-16 .site-hero-headline{font-size:52px;}body.mode-9-16 .site-hero-sub{font-size:20px;}body.mode-9-16 .site-btn-primary, body.mode-9-16 .site-btn-secondary{padding:18px 28px;font-size:18px;}