.arch-section{padding:60px 48px 100px;max-width:1200px;margin:0 auto}.arch-header{text-align:center;margin-bottom:64px}.arch-header .section-desc{margin:0 auto}.arch-flow{display:flex;align-items:stretch;gap:0;position:relative}.arch-node{flex:1;text-align:center;position:relative;padding:0 8px}.arch-node-box{background:var(--surface-card);border:1px solid var(--border-default);border-radius:14px;padding:28px 20px;transition:all .3s;position:relative;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center}.arch-node-box:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:var(--card-shadow-hover)}.arch-node-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:14px}.ani-green{background:rgba(var(--accent-rgb),.12)}.ani-blue{background:rgba(var(--info-rgb),.12)}.ani-purple{background:rgba(var(--purple-rgb),.12)}.ani-warning{background:rgba(var(--warning-rgb),.12)}.ani-cyan{background:rgba(var(--cyan-rgb),.12)}.arch-node-title{font-size:15px;font-weight:700;margin-bottom:6px;letter-spacing:-.2px}.arch-node-desc{font-size:12px;color:var(--text-muted);line-height:1.5}.arch-arrow{display:flex;align-items:center;justify-content:center;width:48px;flex-shrink:0;position:relative}.arch-arrow:before{content:"";width:100%;height:2px;background:linear-gradient(90deg,var(--border-light),var(--accent),var(--border-light));position:absolute}.arch-arrow:after{content:"→";font-size:18px;color:var(--accent);position:relative;z-index:1;background:var(--surface-primary);padding:0 4px}.arch-time-label{display:block;font-family:var(--font-mono);font-size:11px;color:var(--accent);font-weight:600;margin-top:12px}.phase{padding:100px 48px;max-width:1200px;margin:0 auto;position:relative}.phase+.phase{border-top:1px solid var(--border-default)}.phase-number{font-family:var(--font-mono);font-size:120px;font-weight:900;line-height:1;letter-spacing:-6px;position:absolute;top:80px;right:48px;opacity:.04;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.phase-header{margin-bottom:56px}.phase-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:6px;font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.pt-green{background:rgba(var(--accent-rgb),.12);color:var(--accent)}.pt-blue{background:rgba(var(--info-rgb),.12);color:var(--info)}.pt-purple{background:rgba(var(--purple-rgb),.12);color:var(--purple)}.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.cbb-js{background:rgba(var(--warning-rgb),.12);color:var(--warning)}.cbb-py{background:rgba(var(--info-rgb),.12);color:var(--info)}.cbb-swift{background:rgba(var(--danger-rgb),.12);color:var(--danger)}.cbb-kotlin{background:rgba(var(--purple-rgb),.12);color:var(--purple)}.cbb-curl{background:rgba(var(--accent-rgb),.12);color:var(--accent)}.sdk-tabs{display:flex;gap:2px;margin-bottom:16px;background:var(--surface-secondary);border:1px solid var(--border-default);border-radius:10px;padding:4px;width:-moz-fit-content;width:fit-content}.sdk-tab{padding:7px 16px;border-radius:7px;font-size:12px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .2s;border:none;background:transparent;font-family:var(--font-display)}.sdk-tab.active{background:var(--surface-card-hover);color:var(--text-primary);border:1px solid var(--border-light)}.sdk-tab:hover:not(.active){color:var(--text-secondary)}.integration-info{display:flex;flex-direction:column;gap:24px}.int-feature{display:flex;gap:16px}.int-feature-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;background:var(--accent-glow);border:1px solid rgba(var(--accent-rgb),.1)}.int-feature h4{font-size:15px;font-weight:700;margin-bottom:4px;letter-spacing:-.2px}.int-feature p{font-size:13.5px;color:var(--text-secondary);line-height:1.6}.pipeline{display:flex;flex-direction:column;gap:0;position:relative;margin-top:20px}.pipeline:before{content:"";position:absolute;left:28px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--accent),var(--info),var(--purple),var(--warning),var(--accent));opacity:.25}.pipe-step{display:grid;grid-template-columns:56px 1fr;gap:24px;padding:24px 0;position:relative}.pipe-step+.pipe-step{border-top:1px solid var(--toc-border)}.pipe-marker{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:1}.pipe-dot{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;position:relative}.pipe-dot.pd-green{background:rgba(var(--accent-rgb),.1);border:1px solid rgba(var(--accent-rgb),.2)}.pipe-dot.pd-blue{background:rgba(var(--info-rgb),.1);border:1px solid rgba(var(--info-rgb),.2)}.pipe-dot.pd-purple{background:rgba(var(--purple-rgb),.1);border:1px solid rgba(var(--purple-rgb),.2)}.pipe-dot.pd-warning{background:rgba(var(--warning-rgb),.1);border:1px solid rgba(var(--warning-rgb),.2)}.pipe-dot.pd-cyan{background:rgba(var(--cyan-rgb),.1);border:1px solid rgba(var(--cyan-rgb),.2)}.pipe-dot.pd-red{background:rgba(var(--danger-rgb),.1);border:1px solid rgba(var(--danger-rgb),.2)}.pipe-time{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);font-weight:600;white-space:nowrap}.pipe-body{padding:4px 0}.pipe-title{font-size:18px;font-weight:700;margin-bottom:6px;letter-spacing:-.3px}.pipe-desc{font-size:14px;color:var(--text-secondary);line-height:1.65;margin-bottom:16px;max-width:600px}.pipe-detail-row{display:flex;flex-wrap:wrap;gap:8px}.pipe-tag{font-family:var(--font-mono);font-size:11px;font-weight:500;padding:5px 12px;border-radius:6px;background:var(--surface-card);border:1px solid var(--border-default);color:var(--text-secondary);transition:all .2s}.pipe-tag:hover{border-color:var(--border-light);color:var(--text-primary)}.pipe-tag.highlight{border-color:rgba(var(--accent-rgb),.3);color:var(--accent);background:var(--accent-glow)}.pipe-code{margin-top:16px;background:var(--surface-secondary);border:1px solid var(--border-default);border-radius:10px;padding:16px 20px;font-family:var(--font-mono);font-size:11.5px;line-height:1.8;color:var(--text-muted);overflow-x:auto;max-width:640px}.pipe-code .k{color:var(--info)}.pipe-code .s{color:var(--accent)}.pipe-code .n{color:var(--warning)}.pipe-code .b{color:var(--danger)}.pipe-code .bt{color:var(--accent)}.pipe-code .p{color:var(--purple)}.act-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.verdict-demo{background:var(--surface-card);border:1px solid var(--border-default);border-radius:14px;overflow:hidden}.verdict-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)}.verdict-demo-title{font-size:13px;font-weight:700}.verdict-demo-badge{font-family:var(--font-mono);font-size:10px;font-weight:700;padding:3px 10px;border-radius:4px;letter-spacing:.5px;background:rgba(var(--accent-rgb),.12);color:var(--accent)}.verdict-demo-body{padding:20px}.rule-row{background:var(--surface-primary);border:1px solid var(--border-default);border-radius:10px;padding:16px 18px;margin-bottom:12px;transition:all .2s}.rule-row:last-child{margin-bottom:0}.rule-row:hover{border-color:var(--border-light)}.rule-name{font-size:13px;font-weight:700;margin-bottom:10px;letter-spacing:-.2px}.rule-conditions{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.rule-condition{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px}.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}.rule-action{display:flex;align-items:center;gap:10px}.rule-action-arrow{font-size:14px;color:var(--text-muted)}.rule-action-badge{font-family:var(--font-mono);font-size:10px;font-weight:800;padding:4px 10px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.rab-block{background:rgba(var(--danger-rgb),.15);color:var(--danger)}.rab-challenge{background:rgba(var(--warning-rgb),.15);color:var(--warning)}.rab-allow{background:var(--accent-glow);color:var(--accent)}.rule-action-desc{font-size:11px;color:var(--text-muted)}.delivery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}.delivery-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:12px;padding:24px;transition:all .3s}.delivery-card:hover{border-color:var(--border-light);transform:translateY(-2px)}.delivery-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:14px}.delivery-card h4{font-size:15px;font-weight:700;margin-bottom:6px;letter-spacing:-.2px}.delivery-card p{font-size:13px;color:var(--text-secondary);line-height:1.6}.deploy-section{padding:100px 48px;max-width:1200px;margin:0 auto;border-top:1px solid var(--border-default)}.deploy-header{text-align:center;margin-bottom:64px}.deploy-header .section-desc{margin:0 auto}.deploy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.deploy-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:14px;padding:32px;transition:all .3s;position:relative;overflow:hidden}.deploy-card:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:var(--card-shadow-hover-lg)}.deploy-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.deploy-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px}.deploy-card-badge{font-family:var(--font-mono);font-size:10px;font-weight:700;padding:4px 10px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.dcb-rec{background:rgba(var(--accent-rgb),.12);color:var(--accent)}.dcb-adv{background:rgba(var(--purple-rgb),.12);color:var(--purple)}.deploy-card h3{font-size:18px;font-weight:700;margin-bottom:8px;letter-spacing:-.3px}.deploy-card>p{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.deploy-flow{display:flex;align-items:center;gap:0;background:var(--surface-primary);border:1px solid var(--border-default);border-radius:10px;padding:14px 16px;overflow-x:auto}.df-node{font-family:var(--font-mono);font-size:10px;font-weight:600;padding:6px 10px;border-radius:6px;white-space:nowrap;flex-shrink:0}.df-client{background:rgba(var(--info-rgb),.12);color:var(--info);border:1px solid rgba(var(--info-rgb),.2)}.df-prynt{background:rgba(var(--accent-rgb),.12);color:var(--accent);border:1px solid rgba(var(--accent-rgb),.2)}.df-server{background:rgba(var(--purple-rgb),.12);color:var(--purple);border:1px solid rgba(var(--purple-rgb),.2)}.df-edge{background:rgba(var(--warning-rgb),.12);color:var(--warning);border:1px solid rgba(var(--warning-rgb),.2)}.df-webhook{background:rgba(var(--cyan-rgb),.12);color:var(--cyan);border:1px solid rgba(var(--cyan-rgb),.2)}.df-arrow{font-size:12px;color:var(--text-muted);padding:0 8px;flex-shrink:0}.security-section{padding:100px 48px;max-width:1200px;margin:0 auto;border-top:1px solid var(--border-default)}.security-header{text-align:center;margin-bottom:56px}.security-header .section-desc{margin:0 auto}.security-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sec-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:14px;padding:28px 24px;transition:all .3s}.sec-card:hover{border-color:var(--border-light);transform:translateY(-2px)}.sec-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:16px}.sec-card h4{font-size:15px;font-weight:700;margin-bottom:6px;letter-spacing:-.2px}.sec-card p{font-size:13px;color:var(--text-secondary);line-height:1.6}.sec-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.sec-badge-item{font-family:var(--font-mono);font-size:10px;font-weight:600;padding:4px 10px;border-radius:4px;background:var(--surface-primary);border:1px solid var(--border-default);color:var(--text-muted)}@media(max-width:1024px){.arch-flow{flex-direction:column;gap:12px}.arch-arrow{width:auto;height:32px;transform:rotate(90deg)}.integration-grid,.act-grid,.deploy-grid,.delivery-grid,.security-grid{grid-template-columns:1fr}.phase-number{display:none}}@media(max-width:768px){.section-title{font-size:30px}.phase,.arch-section,.deploy-section,.security-section{padding:64px 16px}.pipe-step{grid-template-columns:48px 1fr;gap:16px}.pipe-dot{width:48px;height:48px;font-size:18px}}@media(max-width:480px){.section-title{font-size:24px;letter-spacing:-1px}.phase,.arch-section,.deploy-section,.security-section{padding:48px 12px}.pipe-step{grid-template-columns:40px 1fr;gap:12px}.pipe-dot{width:40px;height:40px;font-size:16px}.pipe-title{font-size:15px}.pipe-desc{font-size:13px}.arch-flow{gap:8px}.arch-node{padding:16px;font-size:12px}}