.product-hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:80px}.product-hero .hero-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;text-align:left;padding:60px 0}.hero-left .hero-title{font-size:clamp(32px,5vw,56px);letter-spacing:-1px}.hero-left .hero-subtitle{text-align:left;margin-left:0}.hero-left .hero-actions{justify-content:flex-start}.hero-stats-bar{display:flex;gap:32px;margin-top:36px;padding:24px 32px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-stat{text-align:center}.hero-stat-num{font-size:32px;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-stat-label{font-size:12px;color:var(--text-muted);margin-top:2px}.report-mockup{background:#0d1117;border-radius:var(--radius-lg);border:1px solid rgba(148,163,184,.15);overflow:hidden;box-shadow:var(--shadow-lg),0 0 80px #6c63ff1a}.report-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ffffff08;border-bottom:1px solid rgba(148,163,184,.1)}.report-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.report-dot:nth-child(1){background:#ff5f56}.report-dot:nth-child(2){background:#ffbd2e}.report-dot:nth-child(3){background:#27c93f}.report-bar .report-title{flex:1;text-align:center;font-size:12px;color:var(--text-muted)}.report-body{padding:24px;font-family:var(--font-mono);font-size:13px;line-height:1.9;color:var(--text-secondary)}.report-body .rpt-title{color:var(--color-primary);font-weight:700}.report-body .rpt-pass{color:#27c93f}.report-body .rpt-warn{color:#ffbd2e}.report-body .rpt-tree{color:var(--text-muted)}.approval-compare-section{background:var(--bg-primary)}.approval-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.compare-card{position:relative;padding:32px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-color);overflow:hidden}.compare-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px}.compare-manual:before{background:linear-gradient(90deg,#ef4444,#f59e0b)}.compare-ai:before{background:linear-gradient(90deg,#27c93f,var(--color-accent))}.compare-label{display:inline-flex;align-items:center;min-height:30px;padding:5px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:700;margin-bottom:16px;background:#94a3b81f;color:var(--text-secondary)}.compare-manual .compare-label{background:#ef44441f;color:#f87171}.compare-ai .compare-label{background:#27c93f1f;color:#27c93f}.compare-card h3{font-size:20px;font-weight:800;line-height:1.35;margin-bottom:18px}.compare-card ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}.compare-card li{position:relative;padding-left:18px;color:var(--text-muted);font-size:14px;line-height:1.75}.compare-card li:before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:var(--text-muted)}.compare-ai li:before{background:var(--color-accent)}.time-impact-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}.time-impact-strip div{padding:20px;border-radius:var(--radius-lg);background:#06b6d414;border:1px solid rgba(6,182,212,.16)}.time-impact-strip strong{display:block;font-size:18px;font-weight:800;color:var(--text-primary);margin-bottom:6px}.time-impact-strip span{display:block;font-size:13px;color:var(--text-muted);line-height:1.6}.approval-flow{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:32px 0}.flow-step{padding:14px 24px;border-radius:var(--radius-md);font-size:14px;font-weight:600;border:1px solid var(--border-color);background:var(--bg-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all var(--transition-base)}.flow-step:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-2px)}.flow-arrow{color:var(--color-primary);font-size:18px;font-weight:700}.rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.rule-card{padding:28px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-color);transition:all var(--transition-base)}.rule-card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:var(--shadow-glow)}.rule-inner{display:flex;gap:16px;align-items:flex-start}.rule-num{width:40px;height:40px;min-width:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#fff}.rule-content h4{font-size:16px;font-weight:700;margin-bottom:6px}.rule-content p{font-size:13px;color:var(--text-muted);line-height:1.7}.rule-card-full{grid-column:1 / -1;max-width:520px;margin:0 auto}.rule-proof-panel{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px;margin-top:28px;padding:32px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#0d1117e0,#0f172ab8);border:1px solid rgba(148,163,184,.18)}.rule-proof-copy h3{font-size:22px;line-height:1.35;font-weight:800;margin:14px 0 10px}.rule-proof-copy p{color:var(--text-muted);font-size:14px;line-height:1.8}.rule-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.rule-proof-grid div{padding:18px;border-radius:var(--radius-md);background:#ffffff0a;border:1px solid rgba(148,163,184,.12)}.rule-proof-grid strong{display:block;font-size:15px;font-weight:800;color:var(--text-primary);margin-bottom:6px}.rule-proof-grid span{display:block;color:var(--text-muted);font-size:13px;line-height:1.65}.scenarios-section{background:var(--bg-primary)}.scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.scenario-card{position:relative;min-height:360px;padding:30px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-color);overflow:hidden;transition:all var(--transition-base)}.scenario-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));opacity:.75}.scenario-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-glow)}.scenario-primary{background:linear-gradient(135deg,#6c63ff24,#06b6d414),var(--bg-card)}.scenario-kicker{margin-bottom:14px;color:var(--color-accent);font-size:12px;font-weight:800;letter-spacing:0}.scenario-card h3{min-height:54px;margin-bottom:12px;font-size:20px;line-height:1.35;font-weight:800}.scenario-card p{margin-bottom:18px;color:var(--text-muted);font-size:14px;line-height:1.75}.scenario-card ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.scenario-card li{position:relative;padding-left:18px;color:var(--text-secondary);font-size:13px;line-height:1.65}.scenario-card li:before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--color-accent)}.plugins-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.plugin-card{position:relative;overflow:hidden;padding:32px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-color);transition:all var(--transition-base)}.plugin-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-glow)}.plugin-number{font-size:48px;font-weight:800;opacity:.08;position:absolute;top:12px;right:20px;color:var(--text-primary)}.plugin-tag{display:inline-block;padding:4px 12px;border-radius:var(--radius-sm);font-size:11px;font-weight:700;margin-bottom:14px}.plugin-card h3{font-size:17px;font-weight:700;margin-bottom:8px}.plugin-card p{font-size:13px;color:var(--text-muted);line-height:1.7}.detail-block{margin-bottom:80px}.detail-header{margin-bottom:28px}.detail-header h2{font-size:24px;font-weight:700;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.detail-header p{color:var(--text-secondary);font-size:14px}.detail-tag{display:inline-block;padding:4px 12px;border-radius:var(--radius-sm);font-size:11px;font-weight:700}.detail-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.detail-grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.detail-card{padding:24px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-color);transition:all var(--transition-base)}.detail-card:hover{border-color:var(--border-hover)}.detail-card h3{font-size:16px;font-weight:700;margin-bottom:10px}.detail-card p{font-size:13px;color:var(--text-muted);line-height:1.7}.demo-code{background:#0d1117;border:1px solid rgba(148,163,184,.12);border-radius:var(--radius-lg);padding:24px;font-family:var(--font-mono);font-size:13px;line-height:1.9;overflow-x:auto;color:var(--text-secondary)}.demo-code .dc-green{color:#27c93f}.demo-code .dc-amber{color:#ffbd2e}.demo-code .dc-blue{color:var(--color-primary);font-weight:700}.visibility-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:24px;margin-bottom:24px}.visibility-panel{padding:32px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-color)}.visibility-panel h3{font-size:18px;font-weight:700;margin-bottom:10px}.visibility-panel p{font-size:13px;color:var(--text-muted);line-height:1.8}.visibility-code{margin-top:18px;white-space:nowrap}.visibility-tags{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.visibility-tags span{display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;border-radius:var(--radius-sm);background:#06b6d417;border:1px solid rgba(6,182,212,.18);color:var(--text-secondary);font-size:12px;font-weight:600}.visibility-note{margin-top:14px}.visibility-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.visibility-card{padding:26px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-color);transition:all var(--transition-base)}.visibility-card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:var(--shadow-glow)}.visibility-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);margin-bottom:16px;background:linear-gradient(135deg,#06b6d438,#6c63ff38);color:var(--color-accent);font-weight:800;font-size:13px}.visibility-card h3{font-size:16px;font-weight:700;margin-bottom:8px}.visibility-card p{font-size:13px;color:var(--text-muted);line-height:1.7}.visibility-card code{padding:1px 5px;border-radius:4px;background:#94a3b81f;color:var(--text-secondary);font-family:var(--font-mono);font-size:12px}.file-tree{background:#0d1117cc;border-radius:var(--radius-md);padding:20px 24px;font-family:var(--font-mono);font-size:12px;line-height:1.9;color:var(--color-accent);overflow-x:auto}.detail-table{width:100%;border-collapse:collapse;font-size:13px;margin:12px 0}.detail-table th{text-align:left;padding:10px 14px;background:#6c63ff14;border:1px solid var(--border-color);font-weight:700;font-size:12px;color:var(--text-primary)}.detail-table td{padding:10px 14px;border:1px solid var(--border-color);color:var(--text-secondary)}.safety-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:14px}.safety-item strong{display:block;font-size:13px;color:var(--text-primary);margin-bottom:2px}.safety-item span{font-size:12px;color:var(--text-muted)}.role-view-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.role-view-card{text-align:center;padding:24px 16px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-color);transition:all var(--transition-base)}.role-view-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.rv-emoji{font-size:32px;margin-bottom:6px}.role-view-card h4{font-size:15px;font-weight:700;margin-bottom:4px}.rv-question{font-size:12px;color:var(--color-primary);font-weight:600;margin-bottom:8px}.rv-list{text-align:left;font-size:12px;color:var(--text-secondary);list-style:none;padding:0}.rv-list li:before{content:"·";margin-right:5px;color:var(--color-primary)}.arch-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.arch-card{padding:28px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-color)}.arch-card h3{font-size:17px;font-weight:700;margin-bottom:14px}.roadmap-timeline{position:relative;padding-left:44px;max-width:720px;margin:0 auto}.roadmap-timeline:before{content:"";position:absolute;left:14px;top:0;bottom:0;width:2px;background:var(--gradient-primary)}.tl-item{position:relative;margin-bottom:40px}.tl-dot{position:absolute;left:-37px;width:14px;height:14px;border-radius:50%;border:2px solid var(--color-primary);background:var(--bg-primary);top:4px}.tl-item.done .tl-dot{background:#27c93f;border-color:#27c93f;box-shadow:0 0 10px #27c93f66}.tl-phase{font-size:12px;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.tl-title{font-size:17px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.tl-desc{font-size:13px;color:var(--text-muted);line-height:1.6}.security-section{background:var(--bg-primary)}.security-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.security-card{padding:26px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-color);transition:all var(--transition-base)}.security-card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:var(--shadow-glow)}.security-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);margin-bottom:16px;background:linear-gradient(135deg,#27c93f33,#06b6d433);color:#27c93f;font-weight:800;font-size:13px}.security-card h3{font-size:16px;font-weight:800;margin-bottom:8px}.security-card p{font-size:13px;color:var(--text-muted);line-height:1.75}.security-note{display:flex;gap:14px;align-items:flex-start;margin-top:22px;padding:18px 20px;border-radius:var(--radius-lg);background:#f59e0b14;border:1px solid rgba(245,158,11,.18)}.security-note strong{flex:0 0 auto;color:#f59e0b;font-size:14px;font-weight:800}.security-note span{color:var(--text-muted);font-size:13px;line-height:1.7}.tech-grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.tech-guarantee-card{padding:28px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-color);transition:all var(--transition-base)}.tech-guarantee-card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:var(--shadow-glow)}.tg-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:14px}.tech-guarantee-card h3{font-size:16px;font-weight:700;margin-bottom:8px}.tech-guarantee-card p{font-size:13px;color:var(--text-muted);line-height:1.7}@media(max-width:768px){.product-hero .hero-content{grid-template-columns:1fr;gap:40px;text-align:center}.hero-left{order:1}.hero-right{order:2}.hero-left .hero-subtitle,.hero-left .hero-actions{text-align:center;justify-content:center;margin-left:auto}.hero-stats-bar{flex-wrap:wrap;justify-content:center;gap:24px}.rules-grid,.plugins-grid,.approval-compare-grid,.scenario-grid,.time-impact-strip{grid-template-columns:1fr}.scenario-card{min-height:auto}.rule-card-full{max-width:100%}.detail-grid-2,.detail-grid-3,.visibility-layout,.rule-proof-panel,.rule-proof-grid,.visibility-grid,.security-grid{grid-template-columns:1fr}.security-note{flex-direction:column}.role-view-grid{grid-template-columns:1fr 1fr}.arch-grid{grid-template-columns:1fr}.approval-flow{flex-direction:column;gap:8px}.flow-arrow{transform:rotate(90deg)}}