.hero-grid{background-image:linear-gradient(var(--purple-glow) 1px,transparent 1px),linear-gradient(90deg,var(--purple-glow) 1px,transparent 1px)}.hero-glow{background:radial-gradient(ellipse,var(--purple-bg) 0%,transparent 70%)}.hero-glow2{position:absolute;top:100px;right:-200px;width:500px;height:500px;background:radial-gradient(circle,var(--accent-bg) 0%,transparent 70%);pointer-events:none}.hbadge{background:var(--purple-bg);border:1px solid rgba(var(--purple-rgb),.25);color:var(--purple)}.hero h1 .gw{background:linear-gradient(135deg,var(--purple) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{max-width:620px}.st{font-size:44px;font-weight:800;letter-spacing:-2px;line-height:1.1;margin-bottom:16px}.sd{font-size:17px;color:var(--text-secondary);max-width:560px;line-height:1.7}.builder-section{padding:80px 48px 120px;max-width:1200px;margin:0 auto}.builder-header{text-align:center;margin-bottom:56px}.builder-header .sd{margin:0 auto}.builder-frame{background:var(--surface-card);border:1px solid var(--border-default);border-radius:16px;overflow:hidden;box-shadow:var(--frame-shadow),0 0 80px var(--purple-bg)}.bf-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border-default);background:var(--surface-secondary)}.bf-dots{display:flex;gap:8px}.bf-dots span{width:12px;height:12px;border-radius:50%;background:var(--border-light)}.bf-dots span:first-child{background:#ff5f57}.bf-dots span:nth-child(2){background:#ffbd2e}.bf-dots span:nth-child(3){background:#28ca41}.bf-url{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);background:var(--surface-primary);padding:6px 16px;border-radius:6px;border:1px solid var(--border-default)}.bf-body{display:grid;grid-template-columns:240px 1fr;min-height:560px}.bf-sidebar{border-right:1px solid var(--border-default);padding:16px 0;background:var(--surface-secondary)}.bf-si{display:flex;align-items:center;gap:10px;padding:10px 20px;font-size:13px;color:var(--text-muted);cursor:default;transition:all .2s}.bf-si.act{color:var(--text-primary);background:var(--purple-bg);border-right:2px solid var(--purple)}.bf-si svg{width:16px;height:16px;flex-shrink:0}.bf-main{padding:24px;overflow:hidden}.bf-main-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.bf-main-title{font-size:18px;font-weight:800;letter-spacing:-.3px}.bf-main-acts{display:flex;gap:8px}.bf-btn-sm{font-family:var(--font-mono);font-size:11px;font-weight:600;padding:6px 14px;border-radius:6px;border:1px solid var(--border-default);background:var(--surface-primary);color:var(--text-muted);cursor:pointer;transition:all .2s}.bf-btn-sm:hover{border-color:var(--border-light);color:var(--text-secondary)}.bf-btn-sm.pri{background:var(--purple);border-color:var(--purple);color:#fff}.bf-btn-sm.pri:hover{opacity:.9}.rule-list{display:flex;flex-direction:column;gap:14px}.rule-card{background:var(--surface-primary);border:1px solid var(--border-default);border-radius:12px;padding:20px;transition:all .2s;position:relative}.rule-card:hover{border-color:var(--border-light)}.rule-card.active-rule{border-color:var(--purple);box-shadow:0 0 20px var(--purple-bg)}.rc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.rc-name{font-size:14px;font-weight:700;letter-spacing:-.2px;display:flex;align-items:center;gap:10px}.rc-status{font-family:var(--font-mono);font-size:9px;font-weight:800;padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.rcs-live{background:var(--accent-bg);color:var(--accent)}.rcs-monitor{background:var(--warning-bg);color:var(--warning)}.rcs-draft{background:rgba(var(--text-muted-rgb),.2);color:var(--text-muted)}.rc-priority{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);font-weight:600}.rc-conditions{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;padding:12px 14px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:8px}.rc-cond{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px}.rc-where{font-size:9px;font-weight:800;color:var(--purple);text-transform:uppercase;letter-spacing:1px;min-width:36px}.rc-field{color:var(--info);font-weight:600}.rc-op{color:var(--text-muted)}.rc-val{color:var(--accent);font-weight:600}.rc-join{font-size:9px;font-weight:800;color:var(--purple);text-transform:uppercase;letter-spacing:1px;min-width:36px}.rc-bottom{display:flex;align-items:center;justify-content:space-between}.rc-action{display:flex;align-items:center;gap:8px}.rc-arrow{color:var(--text-muted);font-size:12px}.rc-badge{font-family:var(--font-mono);font-size:10px;font-weight:800;padding:4px 10px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.rcb-block{background:var(--danger-glow);color:var(--danger)}.rcb-challenge{background:var(--warning-glow);color:var(--warning)}.rcb-allow{background:var(--accent-glow);color:var(--accent)}.rc-side{font-size:11px;color:var(--text-muted)}.rc-stats{display:flex;gap:16px}.rc-stat{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.rc-stat strong{color:var(--text-secondary)}.how-section{padding:100px 48px;max-width:1200px;margin:0 auto;border-top:1px solid var(--border-default)}.how-header{margin-bottom:56px}.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.how-info{display:flex;flex-direction:column;gap:24px}.how-feat{display:flex;gap:16px}.hf-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.hf-green{background:var(--accent-bg)}.hf-blue{background:var(--info-bg)}.hf-purp{background:var(--purple-bg)}.hf-warn{background:var(--warning-bg)}.hf-red{background:var(--danger-bg)}.hf-cyan{background:var(--cyan-bg)}.how-feat h4{font-size:15px;font-weight:700;margin-bottom:4px;letter-spacing:-.2px}.how-feat p{font-size:13.5px;color:var(--text-secondary);line-height:1.6}.flow-diagram{background:var(--surface-card);border:1px solid var(--border-default);border-radius:14px;padding:28px;position:sticky;top:96px}.flow-title{font-size:14px;font-weight:700;margin-bottom:20px;text-align:center;letter-spacing:-.2px}.flow-nodes{display:flex;flex-direction:column;gap:0;align-items:center}.flow-node{width:100%;background:var(--surface-primary);border:1px solid var(--border-default);border-radius:10px;padding:16px 18px;display:flex;align-items:center;gap:14px;transition:all .2s}.flow-node:hover{border-color:var(--border-light)}.fn-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.fn-info{flex:1;min-width:0}.fn-title{font-size:13px;font-weight:700;letter-spacing:-.2px}.fn-sub{font-size:11px;color:var(--text-muted);margin-top:2px}.flow-connector{display:flex;flex-direction:column;align-items:center;gap:0;padding:4px 0}.flow-connector .fc-line{width:2px;height:16px;background:var(--border-light)}.flow-connector .fc-arrow{font-size:10px;color:var(--purple)}.flow-branch{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;width:100%}.fb-item{background:var(--surface-primary);border:1px solid var(--border-default);border-radius:8px;padding:12px;text-align:center;transition:all .2s}.fb-item:hover{border-color:var(--border-light)}.fb-badge{font-family:var(--font-mono);font-size:10px;font-weight:800;padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;display:inline-block;margin-bottom:6px}.fb-desc{font-size:10px;color:var(--text-muted);line-height:1.4}.conditions-section{padding:100px 48px;max-width:1200px;margin:0 auto;border-top:1px solid var(--border-default)}.conditions-header{text-align:center;margin-bottom:56px}.conditions-header .sd{margin:0 auto}.cond-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cond-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:12px;padding:24px;transition:all .3s}.cond-card:hover{border-color:var(--border-light);transform:translateY(-2px)}.cc-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}.cc-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.cc-title{font-size:14px;font-weight:700;letter-spacing:-.2px}.cc-desc{font-size:12.5px;color:var(--text-secondary);line-height:1.6;margin-bottom:12px}.cc-examples{display:flex;flex-direction:column;gap:4px}.cc-ex{font-family:var(--font-mono);font-size:10px;padding:4px 10px;background:var(--surface-primary);border:1px solid var(--border-default);border-radius:5px;color:var(--text-muted);display:flex;align-items:center;gap:6px}.cc-ex .f{color:var(--info)}.cc-ex .o{color:var(--text-muted)}.cc-ex .v{color:var(--accent)}.actions-section{padding:100px 48px;max-width:1200px;margin:0 auto;border-top:1px solid var(--border-default)}.actions-header{margin-bottom:56px}.actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px}.action-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:14px;padding:32px 28px;text-align:center;transition:all .3s;position:relative;overflow:hidden}.action-card:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:var(--card-shadow-hover-lg)}.ac-icon{font-size:36px;margin-bottom:16px}.action-card h3{font-size:18px;font-weight:700;margin-bottom:8px;letter-spacing:-.3px}.action-card>p{font-size:13.5px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.ac-badge{font-family:var(--font-mono);font-size:12px;font-weight:800;padding:6px 16px;border-radius:6px;display:inline-block;letter-spacing:1px}.side-effects-title{font-size:16px;font-weight:700;margin-bottom:20px;letter-spacing:-.2px;text-align:center;color:var(--text-secondary)}.side-effects{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.se-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:10px;padding:18px 16px;text-align:center;transition:all .2s}.se-card:hover{border-color:var(--border-light)}.se-icon{font-size:22px;margin-bottom:8px}.se-card h4{font-size:12px;font-weight:700;margin-bottom:4px}.se-card p{font-size:11px;color:var(--text-muted);line-height:1.5}.test-section{padding:100px 48px;max-width:1200px;margin:0 auto;border-top:1px solid var(--border-default)}.test-header{text-align:center;margin-bottom:64px}.test-header .sd{margin:0 auto}.test-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.test-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:16px;overflow:hidden;transition:all .3s}.test-card:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:var(--card-shadow-hover-lg)}.tc-header{padding:28px 28px 0;margin-bottom:20px}.tc-badge{font-family:var(--font-mono);font-size:10px;font-weight:700;padding:4px 10px;border-radius:4px;text-transform:uppercase;letter-spacing:1px;display:inline-block;margin-bottom:12px}.tcb-blue{background:var(--info-bg);color:var(--info)}.tcb-warn{background:var(--warning-bg);color:var(--warning)}.test-card h3{font-size:20px;font-weight:800;margin-bottom:8px;letter-spacing:-.3px}.test-card .tc-desc{font-size:14px;color:var(--text-secondary);line-height:1.6}.tc-demo{padding:20px;background:var(--surface-secondary);border-top:1px solid var(--border-default)}.tc-demo-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.tc-demo-label{font-size:11px;color:var(--text-muted);font-weight:600}.tc-demo-val{font-family:var(--font-mono);font-size:12px;font-weight:700}.tc-bar{height:8px;background:var(--surface-primary);border-radius:4px;border:1px solid var(--border-default);overflow:hidden;margin-bottom:16px}.tc-bar-fill{height:100%;border-radius:3px}.tc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tc-stat{background:var(--surface-primary);border:1px solid var(--border-default);border-radius:8px;padding:10px 12px;text-align:center}.tc-stat-val{font-family:var(--font-mono);font-size:16px;font-weight:800;letter-spacing:-.5px}.tc-stat-label{font-size:10px;color:var(--text-muted);margin-top:2px}.tc-timeline{display:flex;flex-direction:column;gap:8px}.tc-event{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--surface-primary);border:1px solid var(--border-default);border-radius:8px;font-size:11px}.tc-event-time{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);min-width:50px}.tc-event-action{font-family:var(--font-mono);font-size:9px;font-weight:800;padding:2px 6px;border-radius:3px;text-transform:uppercase}.tca-b{background:var(--danger-bg);color:var(--danger)}.tca-c{background:var(--warning-bg);color:var(--warning)}.tca-a{background:var(--accent-bg);color:var(--accent)}.tc-event-desc{color:var(--text-secondary);flex:1}.tc-event-tag{font-family:var(--font-mono);font-size:9px;padding:2px 6px;border-radius:3px;background:var(--warning-bg);color:var(--warning);font-weight:600}.templates-section{padding:100px 48px;max-width:1200px;margin:0 auto;border-top:1px solid var(--border-default)}.templates-header{text-align:center;margin-bottom:56px}.templates-header .sd{margin:0 auto}.tmpl-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.tmpl-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:12px;padding:24px;transition:all .3s;cursor:default}.tmpl-card:hover{border-color:var(--border-light);transform:translateY(-2px)}.tmpl-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.tmpl-name{font-size:15px;font-weight:700;display:flex;align-items:center;gap:10px;letter-spacing:-.2px}.tmpl-name span{font-size:18px}.tmpl-tag{font-family:var(--font-mono);font-size:9px;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;background:var(--purple-bg);color:var(--purple)}.tmpl-desc{font-size:12.5px;color:var(--text-secondary);line-height:1.6;margin-bottom:14px}.tmpl-rules{display:flex;flex-direction:column;gap:4px}.tmpl-rule{font-family:var(--font-mono);font-size:10px;padding:6px 10px;background:var(--surface-primary);border:1px solid var(--border-default);border-radius:6px;color:var(--text-muted);display:flex;align-items:center;gap:6px}.tmpl-rule .f{color:var(--info)}.tmpl-rule .o{color:var(--text-muted)}.tmpl-rule .v{color:var(--accent)}.tmpl-rule .j{color:var(--purple);font-weight:700}.tmpl-rule .act-tag{margin-left:auto;font-weight:800;font-size:9px;padding:2px 6px;border-radius:3px}.api-block-b{background:var(--purple-bg);color:var(--purple)}.af-icon{background:var(--purple-bg);border:1px solid rgba(var(--purple-rgb),.15)}.cta-glow{background:radial-gradient(ellipse,var(--purple-bg) 0%,transparent 70%)}@media(max-width:1024px){.bf-body{grid-template-columns:1fr}.bf-sidebar{display:none}.how-grid,.cond-grid,.actions-grid,.test-grid,.tmpl-grid{grid-template-columns:1fr}.side-effects{grid-template-columns:repeat(2,1fr)}.flow-diagram{position:static}}@media(max-width:768px){.st{font-size:30px}.builder-section,.how-section,.conditions-section,.actions-section,.test-section,.templates-section{padding:64px 20px}.side-effects,.flow-branch{grid-template-columns:1fr}}