.page-hero-grid{background-image:linear-gradient(var(--accent-bg) 1px,transparent 1px),linear-gradient(90deg,var(--accent-bg) 1px,transparent 1px)}.page-hero-glow-2{position:absolute;top:50px;left:-200px;width:500px;height:500px;background:radial-gradient(circle,var(--purple-bg) 0%,transparent 70%);pointer-events:none}.page-hero h1{max-width:780px}.page-hero-sub{max-width:600px}.signal-strip{padding:0 48px;max-width:1200px;margin:0 auto 100px}.signal-strip-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border-default);border-radius:16px;overflow:hidden;border:1px solid var(--border-default)}.strip-item{background:var(--surface-card);padding:32px 28px;text-align:center;transition:background .3s}.strip-item:hover{background:var(--surface-card-hover)}.strip-value{font-family:var(--font-mono);font-size:36px;font-weight:800;letter-spacing:-1px;margin-bottom:4px}.strip-value.green{color:var(--accent)}.strip-value.blue{color:var(--info)}.strip-value.purple{color:var(--purple)}.strip-value.warning{color:var(--warning)}.strip-label{font-size:13px;color:var(--text-muted);font-weight:500}.signal-category{padding:100px 48px;max-width:1200px;margin:0 auto}.signal-category:nth-child(2n){border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default)}.category-header{margin-bottom:56px}.category-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.category-layout.reverse{direction:rtl}.category-layout.reverse>*{direction:ltr}.signal-detail-grid{display:flex;flex-direction:column;gap:16px}.signal-detail-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:14px;padding:24px;transition:all .3s;cursor:default;position:relative;overflow:hidden}.signal-detail-card:hover{border-color:var(--border-light);background:var(--surface-card-hover);transform:translate(4px)}.signal-detail-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;border-radius:3px;transition:opacity .3s;opacity:0}.signal-detail-card:hover:before{opacity:1}.signal-detail-card.card-green:before{background:var(--accent)}.signal-detail-card.card-red:before{background:var(--danger)}.signal-detail-card.card-blue:before{background:var(--info)}.signal-detail-card.card-purple:before{background:var(--purple)}.signal-detail-card.card-warning:before{background:var(--warning)}.signal-detail-card.card-cyan:before{background:var(--cyan)}.signal-detail-top{display:flex;align-items:center;gap:14px;margin-bottom:10px}.signal-detail-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.sdi-green{background:var(--accent-bg)}.sdi-red{background:var(--danger-bg)}.sdi-blue{background:var(--info-bg)}.sdi-purple{background:var(--purple-bg)}.sdi-warning{background:var(--warning-bg)}.sdi-cyan{background:var(--cyan-bg)}.signal-detail-title{font-size:16px;font-weight:700;letter-spacing:-.3px}.signal-detail-tag{margin-left:auto;font-family:var(--font-mono);font-size:10px;font-weight:600;padding:3px 10px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.tag-pro{background:var(--info-bg);color:var(--info)}.tag-enterprise{background:var(--purple-bg);color:var(--purple)}.tag-free{background:var(--accent-bg);color:var(--accent)}.signal-detail-desc{font-size:13.5px;color:var(--text-secondary);line-height:1.6}.api-preview{background:var(--surface-secondary);border:1px solid var(--border-default);border-radius:14px;overflow:hidden;position:sticky;top:96px}.api-preview-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border-default);background:rgba(var(--surface-primary-rgb),.6)}.api-preview-title{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);font-weight:500}.api-preview-badge{font-family:var(--font-mono);font-size:10px;font-weight:700;padding:3px 10px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.apb-green{background:var(--accent-bg);color:var(--accent)}.apb-blue{background:var(--info-bg);color:var(--info)}.apb-purple{background:var(--purple-bg);color:var(--purple)}.api-preview-body{padding:20px;font-family:var(--font-mono);font-size:12.5px;line-height:1.85;color:var(--text-secondary);overflow-x:auto}.api-preview-body .k{color:var(--info)}.api-preview-body .s{color:var(--accent)}.api-preview-body .n{color:var(--warning)}.api-preview-body .b{color:var(--danger)}.api-preview-body .bt{color:var(--accent)}.api-preview-body .c{color:var(--text-muted)}.api-preview-body .p{color:var(--purple)}.detection-demo{background:var(--surface-card);border:1px solid var(--border-default);border-radius:14px;overflow:hidden;position:sticky;top:96px}.demo-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-default);background:var(--surface-secondary)}.demo-title{font-size:13px;font-weight:700;letter-spacing:-.2px}.demo-live{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;color:var(--accent);font-weight:600}.demo-live-dot{width:7px;height:7px;background:var(--accent);border-radius:50%;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 0 var(--accent-glow-strong)}50%{box-shadow:0 0 0 5px transparent}}.demo-body{padding:16px}.demo-event{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface-primary);border:1px solid var(--border-default);border-radius:10px;margin-bottom:10px;transition:all .2s}.demo-event:hover{border-color:var(--border-light)}.demo-event:last-child{margin-bottom:0}.demo-verdict{font-family:var(--font-mono);font-size:9px;font-weight:800;padding:4px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;min-width:64px;text-align:center}.v-block{background:var(--danger-bg);color:var(--danger)}.v-allow{background:var(--accent-glow);color:var(--accent)}.v-challenge{background:var(--warning-bg);color:var(--warning)}.demo-event-info{flex:1;min-width:0}.demo-event-id{font-family:var(--font-mono);font-size:11px;color:var(--text-primary);font-weight:600}.demo-event-meta{font-size:11px;color:var(--text-muted);margin-top:2px}.demo-risk{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:12px;font-weight:800;flex-shrink:0}.r-high{background:var(--danger-bg);color:var(--danger)}.r-med{background:var(--warning-bg);color:var(--warning)}.r-low{background:var(--accent-bg);color:var(--accent)}.demo-signals{display:flex;gap:4px;flex-wrap:wrap;flex-shrink:0}.demo-sig{font-size:10px;padding:2px 7px;border-radius:4px;background:var(--surface-card);border:1px solid var(--border-default);color:var(--text-muted);font-weight:500;white-space:nowrap}.use-cases-section{padding:100px 48px;max-width:1200px;margin:0 auto;border-top:1px solid var(--border-default)}.use-cases-header{text-align:center;margin-bottom:56px}.use-cases-header .section-desc{margin:0 auto}.use-cases-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.use-case-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:14px;padding:28px 24px;transition:all .3s;position:relative;overflow:hidden}.use-case-card:hover{border-color:var(--border-light);transform:translateY(-3px);box-shadow:var(--card-shadow-hover-lg)}.use-case-icon{font-size:28px;margin-bottom:16px}.use-case-card h3{font-size:15px;font-weight:700;margin-bottom:8px;letter-spacing:-.2px}.use-case-card p{font-size:13px;color:var(--text-secondary);line-height:1.6}.use-case-signals{display:flex;flex-wrap:wrap;gap:4px;margin-top:14px}.use-case-sig{font-family:var(--font-mono);font-size:10px;padding:3px 8px;border-radius:4px;background:var(--accent-glow);color:var(--accent);font-weight:600}.compare-section{padding:100px 48px;max-width:1100px;margin:0 auto}.compare-header{text-align:center;margin-bottom:56px}.compare-header .section-desc{margin:0 auto}.compare-table-wrap{background:var(--surface-card);border:1px solid var(--border-default);border-radius:16px;overflow:hidden}.compare-table{width:100%;border-collapse:collapse}.compare-table thead th{padding:18px 20px;font-size:13px;font-weight:700;text-align:left;border-bottom:1px solid var(--border-default);background:var(--surface-secondary);letter-spacing:-.2px}.compare-table thead th:first-child{padding-left:28px}.compare-table thead th:not(:first-child){text-align:center}.compare-table tbody td{padding:16px 20px;font-size:13px;border-bottom:1px solid var(--toc-border);color:var(--text-secondary)}.compare-table tbody td:first-child{padding-left:28px;font-weight:600;color:var(--text-primary)}.compare-table tbody td:not(:first-child){text-align:center}.compare-table tbody tr:last-child td{border-bottom:none}.compare-table tbody tr:hover{background:var(--accent-bg)}.check{color:var(--accent);font-size:18px}.cross{color:var(--text-muted);font-size:14px}.partial{color:var(--warning);font-size:14px}.th-prynt{background:linear-gradient(135deg,var(--accent) 0%,var(--gradient-blue) 100%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}@media(max-width:1024px){.signal-strip-inner{grid-template-columns:repeat(2,1fr)}.category-layout{grid-template-columns:1fr}.category-layout.reverse{direction:ltr}.api-preview,.detection-demo{position:static}.use-cases-grid{grid-template-columns:repeat(2,1fr)}.compare-table{font-size:12px}}@media(max-width:768px){.signal-strip{padding:0 20px}.signal-strip-inner{grid-template-columns:1fr}.signal-category{padding:64px 20px}.use-cases-grid{grid-template-columns:1fr}.use-cases-section,.compare-section{padding:64px 20px}.compare-table-wrap{overflow-x:auto}.compare-table{min-width:640px}}