:root{--bg: #0b0e14;--bg-card: #141820;--bg-input: #1a1f2a;--bg-hover: #1e2430;--border: #252d3a;--border-hover: #3a4455;--text: #e8ecf2;--text-muted: #6b7a90;--cf-orange: #f6821f;--cf-orange-dim: rgba(246, 130, 31, .1);--cf-orange-glow: rgba(246, 130, 31, .2);--accent: #3b82f6;--accent-dim: rgba(59, 130, 246, .1);--green: #22c55e;--red: #ef4444;--font: "Inter", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius: 12px;--radius-sm: 8px}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font);min-height:100vh;-webkit-font-smoothing:antialiased}.app{max-width:1100px;margin:0 auto;padding:2rem 1.5rem}.home-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.logo{display:flex;align-items:center;gap:1rem}.logo-icon{font-size:2.5rem}.logo-title{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,var(--text),var(--cf-orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo-sub{font-size:.85rem;color:var(--text-muted);margin-top:.15rem}.edge-pill{display:flex;align-items:center;gap:.4rem;padding:.35rem .9rem;background:var(--bg-card);border:1px solid var(--border);border-radius:100px;font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.edge-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green)}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.tile{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s;text-align:left;color:var(--text);position:relative;font-family:inherit}.tile:hover:not(:disabled){border-color:var(--cf-orange);box-shadow:0 0 24px var(--cf-orange-glow);transform:translateY(-2px)}.tile:disabled{opacity:.5;cursor:not-allowed}.tile-coming{opacity:.45}.tile-icon{font-size:2rem;flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-input);border-radius:var(--radius-sm)}.tile-body{flex:1;min-width:0}.tile-title{font-size:1rem;font-weight:700;margin-bottom:.25rem}.tile-sub{font-size:.8rem;color:var(--text-muted);margin-bottom:.6rem;line-height:1.4}.tile-features{display:flex;flex-wrap:wrap;gap:.3rem}.feature-chip{font-family:var(--font-mono);font-size:.6rem;padding:.15rem .45rem;background:var(--cf-orange-dim);color:var(--cf-orange);border-radius:4px;border:1px solid rgba(246,130,31,.2)}.tile-badge{position:absolute;top:10px;right:10px;font-family:var(--font-mono);font-size:.6rem;padding:.15rem .5rem;background:var(--bg-input);color:var(--text-muted);border-radius:4px;border:1px solid var(--border)}.home-footer{text-align:center;margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border);font-size:.8rem;color:var(--text-muted)}.demo-nav{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.back-btn{font-family:var(--font);font-size:.85rem;padding:.4rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;transition:all .15s}.back-btn:hover{border-color:var(--cf-orange);color:var(--cf-orange)}.demo-nav-title{font-size:1.1rem;font-weight:700;flex:1}.coming-soon{text-align:center;padding:6rem 2rem}.coming-icon{font-size:4rem;display:block;margin-bottom:1rem}.coming-soon h2{font-size:1.5rem;margin-bottom:.5rem}.coming-soon p{color:var(--text-muted);margin-bottom:1.5rem}.coming-features{display:flex;gap:.4rem;justify-content:center;flex-wrap:wrap}.demo-container{max-width:800px;margin:0 auto}.demo-intro{margin-bottom:2rem}.demo-intro h2{font-size:1.4rem;font-weight:800;margin-bottom:.5rem}.demo-intro p{font-size:.9rem;color:var(--text-muted);line-height:1.7}.ai-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1.5rem}.ai-tab{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.8rem .5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;color:var(--text-muted);font-family:inherit}.ai-tab:hover{border-color:var(--border-hover);color:var(--text)}.ai-tab-active{border-color:var(--cf-orange);background:var(--cf-orange-dim);color:var(--cf-orange)}.ai-tab-label{font-size:.8rem;font-weight:600}.ai-tab-model{font-family:var(--font-mono);font-size:.6rem;opacity:.7}.ai-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.ai-panel-desc{font-size:.82rem;color:var(--text-muted);margin-bottom:1rem;line-height:1.6}.ai-panel-desc strong{color:var(--cf-orange)}.ai-input{width:100%;padding:.8rem 1rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font);font-size:.9rem;resize:vertical;outline:none;transition:border-color .2s;line-height:1.6}.ai-input:focus{border-color:var(--cf-orange)}.ai-input::placeholder{color:var(--text-muted);opacity:.5}.ai-input-info{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);text-align:right;margin-top:.3rem;margin-bottom:.3rem}.ai-run-btn{display:block;width:100%;margin-top:.8rem;padding:.75rem;background:linear-gradient(135deg,var(--cf-orange),#e87010);border:none;border-radius:var(--radius-sm);color:#fff;font-family:var(--font);font-size:.95rem;font-weight:700;cursor:pointer;transition:all .15s}.ai-run-btn:hover:not(:disabled){box-shadow:0 4px 20px var(--cf-orange-glow);transform:translateY(-1px)}.ai-run-btn:disabled{opacity:.4;cursor:not-allowed}.ai-error{margin-top:1rem;padding:.7rem 1rem;background:#ef444414;border:1px solid var(--red);border-radius:var(--radius-sm);font-size:.85rem;color:var(--red)}.ai-result{margin-top:1.2rem;animation:fadeUp .3s ease-out}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ai-meta{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:.8rem;padding:.5rem .8rem;background:var(--bg-input);border-radius:var(--radius-sm)}.ai-meta-item{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.ai-output{padding:1rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.9rem;line-height:1.8;white-space:pre-wrap;word-break:break-word}.translate-langs{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem}.lang-select{flex:1;padding:.5rem .8rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font);font-size:.85rem;outline:none}.lang-select:focus{border-color:var(--cf-orange)}.lang-arrow{font-size:1.2rem;color:var(--cf-orange);flex-shrink:0}.ai-image-container{padding:1rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center}.ai-image{max-width:100%;border-radius:var(--radius-sm)}.chat-setup{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.setup-section{margin-bottom:1.2rem}.setup-label{display:block;font-size:.8rem;font-weight:600;color:var(--text-muted);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.room-buttons{display:flex;gap:.5rem;margin-bottom:.5rem}.room-btn{padding:.5rem 1rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-family:var(--font-mono);font-size:.85rem;cursor:pointer;transition:all .15s}.room-btn:hover{border-color:var(--border-hover);color:var(--text)}.room-btn-active{border-color:var(--cf-orange);color:var(--cf-orange);background:var(--cf-orange-dim)}.setup-input{width:100%;padding:.6rem .8rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font);font-size:.9rem;outline:none;transition:border-color .2s}.setup-input:focus{border-color:var(--cf-orange)}.setup-input::placeholder{color:var(--text-muted);opacity:.5}.chat-join-btn{display:block;width:100%;padding:.8rem;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--accent),#2563eb);border:none;border-radius:var(--radius-sm);color:#fff;font-family:var(--font);font-size:1rem;font-weight:700;cursor:pointer;transition:all .15s}.chat-join-btn:hover{box-shadow:0 4px 20px #3b82f64d;transform:translateY(-1px)}.chat-explainer{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem 1.2rem}.chat-explainer-title{font-size:.85rem;font-weight:700;margin-bottom:.8rem}.chat-explainer-steps{display:flex;flex-direction:column;gap:.6rem}.explainer-step{display:flex;align-items:flex-start;gap:.6rem;font-size:.8rem;color:var(--text-muted);line-height:1.5}.explainer-step strong{color:var(--cf-orange)}.step-num{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--cf-orange-dim);color:var(--cf-orange);border-radius:50%;font-family:var(--font-mono);font-size:.7rem;font-weight:700}.chat-header{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.5rem}.chat-room-info{display:flex;align-items:center;gap:.6rem}.chat-room-name{font-family:var(--font-mono);font-size:1rem;font-weight:700;color:var(--accent)}.chat-ws-status{font-size:.75rem}.chat-ws-connected{color:var(--green)}.chat-ws-connecting{color:#eab308}.chat-ws-disconnected{color:var(--red)}.chat-stats{flex:1;display:flex;gap:1rem;justify-content:center}.chat-stat{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.chat-leave-btn{padding:.35rem .8rem;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-family:var(--font);font-size:.8rem;cursor:pointer;transition:all .15s}.chat-leave-btn:hover{border-color:var(--red);color:var(--red)}.chat-messages{height:400px;overflow-y:auto;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;display:flex;flex-direction:column;gap:.4rem}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.chat-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.85rem;text-align:center;padding:2rem;line-height:1.6}.chat-msg{animation:fadeUp .2s ease-out}.chat-msg-message{display:flex;align-items:baseline;gap:.5rem;padding:.3rem 0}.chat-msg-name{font-family:var(--font-mono);font-size:.8rem;font-weight:700;color:var(--accent);flex-shrink:0}.chat-msg-text{font-size:.9rem;line-height:1.5;word-break:break-word}.chat-msg-time{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);flex-shrink:0;margin-left:auto}.chat-msg-system{font-size:.75rem;color:var(--text-muted);font-style:italic;padding:.15rem 0}.chat-input-area{display:flex;gap:.5rem;margin-top:.5rem}.chat-text-input{flex:1;padding:.7rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font);font-size:.9rem;outline:none;transition:border-color .2s}.chat-text-input:focus{border-color:var(--accent)}.chat-text-input::placeholder{color:var(--text-muted);opacity:.5}.chat-text-input:disabled{opacity:.4}.chat-send-btn{padding:.7rem 1.5rem;background:var(--accent);border:none;border-radius:var(--radius-sm);color:#fff;font-family:var(--font);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s}.chat-send-btn:hover:not(:disabled){background:#2563eb}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}.chat-do-info{display:flex;flex-direction:column;gap:.3rem;margin-top:1rem;padding:.8rem 1rem;background:var(--cf-orange-dim);border:1px solid rgba(246,130,31,.2);border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-muted);line-height:1.5}.chat-do-info code{font-family:var(--font-mono);color:var(--cf-orange);background:#f6821f1a;padding:.1rem .3rem;border-radius:3px}.waf-demo{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem 0}.waf-container{display:flex;flex-direction:column;gap:2rem}.waf-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.waf-section h2{font-size:1.5rem;margin-bottom:.5rem}.waf-section h3{font-size:1.1rem;margin-bottom:1rem;color:var(--cf-orange)}.waf-intro{color:var(--text-muted);margin-bottom:1rem;line-height:1.6}.waf-input-group{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1rem}.waf-input-group label{font-weight:600;color:var(--text);font-size:.95rem}.waf-input{width:100%;padding:.8rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-mono);font-size:.9rem;resize:vertical;transition:border-color .2s}.waf-input:focus{outline:none;border-color:var(--cf-orange);box-shadow:0 0 0 2px #f6821f1a}.waf-button{padding:.8rem 1.5rem;border:none;border-radius:var(--radius-sm);font-family:var(--font);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .15s}.waf-button:disabled{opacity:.5;cursor:not-allowed}.waf-button-primary{background:var(--cf-orange);color:#fff}.waf-button-primary:hover:not(:disabled){background:#d46b0f;box-shadow:0 4px 12px #f6821f4d}.waf-samples{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.waf-sample-btn{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem;text-align:left;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:.5rem}.waf-sample-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--cf-orange);box-shadow:0 0 0 2px #f6821f1a}.waf-sample-btn:disabled{opacity:.5;cursor:not-allowed}.sample-name{color:var(--text);font-weight:600;font-size:.95rem}.sample-code{color:var(--text-muted);font-family:var(--font-mono);font-size:.75rem;word-break:break-all}.waf-result{border-radius:var(--radius-sm);padding:1.5rem;border-left:4px solid}.waf-result-allow{background:#22c55e1a;border-left-color:var(--green)}.waf-result-block{background:#ef44441a;border-left-color:var(--red)}.result-header{display:flex;gap:1rem;margin-bottom:1rem;align-items:center}.result-action{font-weight:700;font-size:1rem}.result-type{padding:.3rem .8rem;background:#f6821f33;color:var(--cf-orange);border-radius:12px;font-size:.8rem;font-weight:600;font-family:var(--font-mono)}.result-pattern{margin-bottom:1rem;padding:.8rem;background:#0003;border-radius:var(--radius-sm);font-size:.9rem;font-family:var(--font-mono)}.result-description{margin-bottom:1rem}.result-description p{margin-top:.5rem;color:var(--text-muted);line-height:1.6}.result-security-note{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-sm);padding:.8rem;font-size:.9rem;color:var(--text-muted);line-height:1.6}.waf-error{background:#ef44441a;border:1px solid var(--red);border-radius:var(--radius-sm);padding:1rem;color:var(--red);font-size:.95rem}.waf-explanation{background:var(--bg-card)}.waf-info-panel{background:linear-gradient(135deg,var(--cf-orange-dim) 0%,transparent 100%);border:1px solid rgba(246,130,31,.2)}.waf-info-panel h3{color:var(--cf-orange)}.r2-demo{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem 0}.r2-container{display:flex;flex-direction:column;gap:2rem}.r2-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.r2-section h2{font-size:1.5rem;margin-bottom:.5rem}.r2-section h3{font-size:1.1rem;margin-bottom:1rem;color:var(--cf-orange)}.r2-intro{color:var(--text-muted);margin-bottom:1.5rem;line-height:1.6}.r2-upload-area{border:2px dashed var(--border);border-radius:var(--radius);padding:3rem 1.5rem;text-align:center;cursor:pointer;transition:all .2s;background:var(--bg-input);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.r2-upload-area:hover{border-color:var(--cf-orange);background:var(--bg-hover)}.r2-upload-area.drag-active{border-color:var(--cf-orange);background:#f6821f1a;box-shadow:0 0 0 2px #f6821f33}.upload-icon{font-size:3rem}.upload-text{display:flex;flex-direction:column;gap:.3rem}.upload-text strong{font-size:1rem;color:var(--text)}.upload-text p{font-size:.9rem;color:var(--text-muted);margin:0}.upload-hint{font-size:.8rem!important}.r2-status-uploading{margin-top:1rem;padding:1rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-sm);text-align:center;color:var(--accent);font-weight:600}.r2-upload-result{margin-top:1rem;border-radius:var(--radius-sm);padding:1rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3)}.result-header{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}.result-icon{font-size:1.5rem}.result-title{font-weight:700;color:var(--green)}.result-details{display:flex;flex-direction:column;gap:.5rem}.detail-row{display:flex;justify-content:space-between;font-size:.9rem;color:var(--text-muted)}.detail-row strong{color:var(--text);margin-right:1rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h3{margin:0}.r2-refresh-btn{padding:.5rem 1rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;font-family:var(--font);font-size:.9rem;transition:all .15s}.r2-refresh-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--cf-orange)}.r2-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.r2-file-list{display:flex;flex-direction:column;gap:1rem}.r2-file-item{display:flex;justify-content:space-between;align-items:center;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem;transition:all .2s}.r2-file-item:hover{border-color:var(--cf-orange);background:var(--bg-hover)}.file-info{flex:1;min-width:0}.file-name{font-weight:600;color:var(--text);word-break:break-word;margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta{display:flex;gap:.8rem;font-size:.85rem;color:var(--text-muted)}.file-actions{display:flex;gap:.5rem;margin-left:1rem}.file-btn{padding:.5rem .8rem;border:none;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:var(--font);white-space:nowrap}.download-btn{background:var(--accent);color:#fff}.download-btn:hover{background:#2563eb}.delete-btn{background:#ef444433;color:var(--red)}.delete-btn:hover{background:#ef44444d}.r2-empty{text-align:center;padding:2rem;color:var(--text-muted)}.r2-error{background:#ef44441a;border:1px solid var(--red);border-radius:var(--radius-sm);padding:1rem;color:var(--red);font-size:.95rem}.r2-explanation{background:var(--bg-card)}.r2-info-panel{background:linear-gradient(135deg,var(--cf-orange-dim) 0%,transparent 100%);border:1px solid rgba(246,130,31,.2)}.r2-info-panel h3{color:var(--cf-orange)}.edge-demo{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem 0}.edge-container{display:flex;flex-direction:column;gap:2rem}.edge-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.edge-section h2{font-size:1.5rem;margin-bottom:.5rem}.edge-section h3{font-size:1.1rem;margin-bottom:1rem;color:var(--cf-orange)}.edge-intro{color:var(--text-muted);margin-bottom:1.5rem;line-height:1.6}.edge-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.edge-tab{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem;text-align:left;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:.3rem}.edge-tab:hover{border-color:var(--cf-orange);background:var(--bg-hover)}.edge-tab-active{background:#f6821f1a;border-color:var(--cf-orange);box-shadow:0 0 0 2px #f6821f33}.edge-tab-label{color:var(--text);font-weight:600;font-size:.95rem}.edge-tab-model{color:var(--text-muted);font-size:.8rem}.edge-panel{display:flex;flex-direction:column;gap:1rem}.edge-panel label{font-weight:600;color:var(--text);font-size:.95rem}.edge-input{width:100%;padding:.8rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-mono);font-size:.9rem;resize:vertical;transition:border-color .2s}.edge-input:focus{outline:none;border-color:var(--cf-orange);box-shadow:0 0 0 2px #f6821f1a}.edge-input-number{padding:.6rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.9rem;width:100%;font-family:var(--font)}.edge-input-number:focus{outline:none;border-color:var(--cf-orange)}.edge-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.edge-controls>div{display:flex;flex-direction:column;gap:.5rem}.edge-controls label{font-size:.85rem;margin:0}.edge-presets{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem}.edge-preset-btn{padding:.6rem 1rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;font-family:var(--font);font-size:.85rem;font-weight:600;transition:all .15s}.edge-preset-btn:hover{background:var(--bg-hover);border-color:var(--cf-orange)}.edge-actions{display:flex;gap:.8rem;flex-wrap:wrap}.edge-button{padding:.7rem 1.5rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text);font-family:var(--font);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .15s}.edge-button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--cf-orange)}.edge-button:disabled{opacity:.5;cursor:not-allowed}.edge-button-primary{background:var(--cf-orange);color:#fff;border-color:var(--cf-orange)}.edge-button-primary:hover:not(:disabled){background:#d46b0f;box-shadow:0 4px 12px #f6821f4d}.edge-error{background:#ef44441a;border:1px solid var(--red);border-radius:var(--radius-sm);padding:1rem;color:var(--red);font-size:.95rem}.edge-result{border-radius:var(--radius-sm);padding:1rem;background:#22c55e0d;border:1px solid rgba(34,197,94,.3);animation:fadeUp .3s ease-out}.edge-meta{display:flex;flex-wrap:wrap;gap:1rem;padding:.8rem;background:var(--bg-input);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);margin-bottom:1rem}.edge-output-section{display:flex;flex-direction:column;gap:.5rem}.edge-output-section label{font-weight:600;font-size:.85rem}.edge-output{padding:1rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-mono);font-size:.8rem;white-space:pre-wrap;word-break:break-word;overflow-x:auto;max-height:400px;line-height:1.5}.edge-image{max-width:100%;max-height:600px;border-radius:var(--radius-sm);border:1px solid var(--border)}.edge-image-info{font-size:.85rem;color:var(--text-muted);margin-top:.5rem}.edge-transformations{margin-top:1rem;padding:1rem;background:var(--bg-input);border-radius:var(--radius-sm)}.edge-transformations strong{display:block;margin-bottom:.5rem;color:var(--cf-orange)}.edge-transformations ul{list-style:none;padding:0;margin:0;font-size:.9rem}.edge-transformations li{padding:.3rem 0;color:var(--text-muted)}.edge-explanation{background:var(--bg-card)}.explanation-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.step{display:flex;gap:1rem}.step-number{width:40px;height:40px;min-width:40px;background:var(--cf-orange);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.step strong{display:block;margin-bottom:.3rem;color:var(--text)}.step p{font-size:.9rem;color:var(--text-muted);line-height:1.5}.edge-info-panel{background:linear-gradient(135deg,var(--cf-orange-dim) 0%,transparent 100%);border:1px solid rgba(246,130,31,.2)}.edge-info-panel h3{color:var(--cf-orange)}.info-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.info-item strong{color:var(--cf-orange);display:block;margin-bottom:.5rem}.info-item p{font-size:.9rem;color:var(--text-muted);line-height:1.6}.zero-trust-demo{max-width:900px;margin:0 auto}.zero-trust-container{display:flex;flex-direction:column;gap:2rem}.zero-trust-section{padding:2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.zero-trust-intro{font-size:.9rem;color:var(--text-muted);line-height:1.7;margin-bottom:1.5rem}.zero-trust-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}.zero-trust-tab{padding:1rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;transition:all .2s;text-align:left;font-family:inherit}.zero-trust-tab:hover{border-color:var(--cf-orange);background:var(--bg-hover)}.zero-trust-tab-active{border-color:var(--cf-orange);background:var(--cf-orange-dim)}.zero-trust-tab-label{display:block;font-weight:600;font-size:.95rem}.zero-trust-tab-model{display:block;font-size:.75rem;color:var(--text-muted);margin-top:.3rem}.zero-trust-panel{padding:1.5rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm)}.zero-trust-panel label{display:block;font-weight:600;margin-bottom:.5rem;font-size:.85rem}.zero-trust-input{width:100%;padding:.75rem;margin-bottom:1rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:inherit}.zero-trust-input:focus{outline:none;border-color:var(--cf-orange);box-shadow:0 0 8px #f6821f33}.zero-trust-hint{padding:1rem;background:var(--bg);border-left:3px solid var(--cf-orange);border-radius:var(--radius-sm);margin-bottom:1rem;font-size:.85rem}.zero-trust-hint strong{color:var(--cf-orange)}.zero-trust-hint p{margin:.3rem 0;color:var(--text-muted)}.zero-trust-button{padding:.75rem 1.5rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;font-family:inherit;transition:all .2s;font-weight:600}.zero-trust-button:hover:not(:disabled){border-color:var(--cf-orange);background:var(--bg-hover)}.zero-trust-button-primary{background:var(--cf-orange);border-color:var(--cf-orange);color:#fff}.zero-trust-button-primary:hover:not(:disabled){background:#e67e1f;box-shadow:0 0 12px #f6821f4d}.zero-trust-button:disabled{opacity:.5;cursor:not-allowed}.zero-trust-error{padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);color:#fca5a5;margin-top:1rem;font-size:.9rem}.zero-trust-result{margin-top:1.5rem;padding:1rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.zero-trust-meta{font-size:.85rem;color:var(--text-muted);margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.zero-trust-token-display{padding:1rem;background:var(--bg-input);border-radius:var(--radius-sm);margin-top:1rem}.zero-trust-token-display strong{display:block;color:var(--cf-orange);margin-bottom:.5rem}.token-box{background:var(--bg);padding:.75rem;border-radius:var(--radius-sm);margin-bottom:1rem;word-break:break-all;font-size:.85rem}.token-box code{font-family:var(--font-mono);color:var(--accent)}.token-structure{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1rem}.token-part{padding:.75rem;background:var(--bg);border-radius:var(--radius-sm);border-left:3px solid var(--border)}.token-part.header{border-left-color:#3b82f6}.token-part.payload{border-left-color:#ef4444}.token-part.signature{border-left-color:#22c55e}.token-part strong{display:block;font-size:.75rem;margin-bottom:.5rem}.token-part code{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);word-break:break-all}.user-info{margin-top:1rem;padding:1rem;background:var(--bg);border-radius:var(--radius-sm)}.user-info p{margin:.5rem 0;font-size:.9rem}.profile-info{margin-top:1rem;padding:1rem;background:var(--bg-input);border-left:3px solid var(--green);border-radius:var(--radius-sm)}.profile-info strong{display:block;margin-bottom:.5rem;color:var(--green)}.profile-info p{margin:.4rem 0;font-size:.9rem;color:var(--text-muted)}.token-status{padding:1rem;border-radius:var(--radius-sm);font-weight:600;text-align:center;margin-bottom:1rem}.token-status.valid{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#86efac}.token-status.invalid{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.token-message{margin:1rem 0 0;font-size:.9rem}.token-payload{margin-top:1rem;padding:1rem;background:var(--bg-input);border-radius:var(--radius-sm)}.token-payload strong{display:block;margin-bottom:.5rem;color:var(--cf-orange)}.token-payload code{display:block;font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);white-space:pre-wrap;word-break:break-word}.zero-trust-explanation{background:var(--bg-card);border:1px solid var(--border)}.zero-trust-info-panel{background:linear-gradient(135deg,var(--cf-orange-dim) 0%,transparent 100%);border:1px solid rgba(246,130,31,.2)}.zero-trust-info-panel h3{color:var(--cf-orange)}.analytics-demo{max-width:900px;margin:0 auto}.analytics-container{display:flex;flex-direction:column;gap:2rem}.analytics-section{padding:2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.analytics-intro{font-size:.9rem;color:var(--text-muted);line-height:1.7;margin-bottom:1.5rem}.analytics-panel{padding:1.5rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm)}.analytics-panel label{display:block;font-weight:600;margin-bottom:.75rem;font-size:.85rem}.event-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.5rem}.event-btn{padding:1rem;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;transition:all .2s;text-align:center;font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:.5rem}.event-btn:hover{background:var(--bg-hover)}.event-btn-active{background:var(--cf-orange-dim)}.event-icon{font-size:1.5rem}.event-name{font-size:.8rem;font-weight:600}.analytics-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.analytics-button{padding:.75rem 1rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;font-family:inherit;transition:all .2s;font-weight:600}.analytics-button:hover:not(:disabled){border-color:var(--cf-orange);background:var(--bg-hover)}.analytics-button-primary{background:var(--cf-orange);border-color:var(--cf-orange);color:#fff}.analytics-button-primary:hover:not(:disabled){background:#e67e1f;box-shadow:0 0 12px #f6821f4d}.analytics-button:disabled{opacity:.5;cursor:not-allowed}.analytics-error{padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);color:#fca5a5;margin-top:1rem;font-size:.9rem}.analytics-result{margin-top:1.5rem;padding:1rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.analytics-meta{font-size:.85rem;color:var(--text-muted);margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.analytics-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1rem 0}.stat-card{padding:1rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;gap:.75rem}.stat-icon{font-size:1.5rem}.stat-content{flex:1}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.stat-value{font-size:1.5rem;font-weight:700;color:var(--cf-orange)}.analytics-region{padding:1rem;background:var(--bg-input);border-radius:var(--radius-sm);margin:1rem 0;font-size:.9rem}.analytics-progress{margin:1rem 0}.analytics-progress strong{display:block;margin-bottom:.75rem;color:var(--cf-orange)}.progress-bars{display:flex;flex-direction:column;gap:1rem}.progress-item{display:grid;grid-template-columns:80px 1fr 50px;gap:.75rem;align-items:center}.progress-label{font-size:.8rem;font-weight:600}.progress-bar-bg{height:8px;background:var(--bg);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;transition:width .3s ease}.progress-value{font-size:.85rem;font-weight:600;text-align:right}.analytics-explanation{background:var(--bg-card);border:1px solid var(--border)}.analytics-info-panel{background:linear-gradient(135deg,var(--cf-orange-dim) 0%,transparent 100%);border:1px solid rgba(246,130,31,.2)}.analytics-info-panel h3{color:var(--cf-orange)}.dns-demo{max-width:900px;margin:0 auto}.dns-container{display:flex;flex-direction:column;gap:2rem}.dns-section{padding:2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.dns-intro{font-size:.9rem;color:var(--text-muted);line-height:1.7;margin-bottom:1.5rem}.dns-panel{padding:1.5rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm)}.dns-panel label{display:block;font-weight:600;margin-bottom:.5rem;font-size:.85rem}.dns-input{width:100%;padding:.75rem;margin-bottom:1rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:inherit}.dns-input:focus{outline:none;border-color:var(--cf-orange);box-shadow:0 0 8px #f6821f33}.dns-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1rem}.dns-preset-btn{padding:.6rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;font-family:var(--font-mono);font-size:.8rem;transition:all .2s}.dns-preset-btn:hover{border-color:var(--cf-orange);background:var(--bg-hover)}.dns-preset-btn-active{background:var(--cf-orange);border-color:var(--cf-orange);color:#fff}.dns-actions{display:flex;gap:.75rem}.dns-button{padding:.75rem 1.5rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;font-family:inherit;transition:all .2s;font-weight:600}.dns-button:hover:not(:disabled){border-color:var(--cf-orange);background:var(--bg-hover)}.dns-button-primary{background:var(--cf-orange);border-color:var(--cf-orange);color:#fff}.dns-button-primary:hover:not(:disabled){background:#e67e1f;box-shadow:0 0 12px #f6821f4d}.dns-button:disabled{opacity:.5;cursor:not-allowed}.dns-error{padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);color:#fca5a5;margin-top:1rem;font-size:.9rem}.dns-result{margin-top:1.5rem;padding:1rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.dns-meta{font-size:.85rem;color:var(--text-muted);margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.dns-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.dns-header strong{font-size:1.1rem}.dns-status{font-size:.85rem;padding:.3rem .6rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:4px;color:#86efac}.dns-records{margin:1rem 0}.records-table-header{display:grid;grid-template-columns:80px 1fr 80px;gap:1rem;padding:.75rem;background:var(--bg-input);border-radius:var(--radius-sm) var(--radius-sm) 0 0;font-weight:600;font-size:.85rem;color:var(--cf-orange)}.records-table-row{display:grid;grid-template-columns:80px 1fr 80px;gap:1rem;padding:.75rem;background:var(--bg-input);border-bottom:1px solid var(--border);align-items:start}.records-table-row:last-child{border-bottom:none;border-radius:0 0 var(--radius-sm) var(--radius-sm)}.col-type{display:flex;align-items:center;gap:.5rem}.record-icon{font-size:1rem}.record-type{font-weight:600;font-size:.85rem}.col-value{min-width:0}.record-value{font-family:var(--font-mono);font-size:.8rem;color:var(--accent);word-break:break-all}.col-ttl{text-align:right}.record-ttl{display:inline-block;font-family:var(--font-mono);font-size:.8rem;background:var(--bg);padding:.3rem .5rem;border-radius:4px}.dns-no-records{padding:1.5rem;text-align:center;color:var(--text-muted)}.dns-nameservers{margin-top:1rem;padding:1rem;background:var(--bg-input);border-radius:var(--radius-sm)}.dns-nameservers strong{display:block;color:var(--cf-orange);margin-bottom:.75rem}.nameserver-list{display:flex;flex-direction:column;gap:.5rem}.nameserver-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.ns-icon{font-size:1rem}.ns-value{font-family:var(--font-mono);color:var(--text-muted);word-break:break-all}.dns-resolution-steps{margin-top:1rem;padding:1rem;background:var(--bg-input);border-radius:var(--radius-sm)}.dns-resolution-steps strong{display:block;color:var(--cf-orange);margin-bottom:1rem}.steps-timeline{display:flex;flex-direction:column;gap:1rem}.timeline-step{display:flex;gap:1rem;align-items:flex-start}.timeline-dot{width:32px;height:32px;min-width:32px;background:var(--cf-orange);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.timeline-content{flex:1}.timeline-label{font-weight:600;font-size:.9rem;margin-bottom:.2rem}.timeline-desc{font-size:.85rem;color:var(--text-muted)}.dns-explanation{background:var(--bg-card);border:1px solid var(--border)}.dns-info-panel{background:linear-gradient(135deg,var(--cf-orange-dim) 0%,transparent 100%);border:1px solid rgba(246,130,31,.2)}.dns-info-panel h3{color:var(--cf-orange)}@media (max-width: 640px){.home-header{flex-direction:column;gap:1rem;align-items:flex-start}.tile-grid{grid-template-columns:1fr}.ai-tabs{grid-template-columns:repeat(2,1fr)}.translate-langs,.chat-header{flex-wrap:wrap}.chat-stats{justify-content:flex-start}.room-buttons{flex-wrap:wrap}.waf-samples,.explanation-steps,.info-content{grid-template-columns:1fr}.file-actions{flex-wrap:wrap;margin-left:0;margin-top:.5rem}.r2-file-item{flex-direction:column;align-items:flex-start}.edge-tabs,.edge-controls,.edge-presets{grid-template-columns:1fr}.edge-actions{flex-direction:column}.zero-trust-tabs,.token-structure{grid-template-columns:1fr}.event-selector,.analytics-stats{grid-template-columns:repeat(2,1fr)}.analytics-actions{grid-template-columns:1fr}.dns-presets{grid-template-columns:repeat(2,1fr)}.records-table-header,.records-table-row{grid-template-columns:60px 1fr 60px}.progress-item{grid-template-columns:60px 1fr 40px}.roi-preset-buttons{grid-template-columns:1fr}.roi-form-group{margin-bottom:1.5rem}.roi-result-cards{grid-template-columns:1fr}}.roi-calculator-demo{padding:2rem;color:var(--text)}.roi-calculator-container{max-width:900px;margin:0 auto}.roi-calculator-section{margin-bottom:2rem;padding:1.5rem;background:var(--bg-card);border-radius:var(--radius);border:1px solid rgba(255,255,255,.1)}.roi-calculator-section h2{font-size:1.75rem;margin-bottom:.5rem;color:var(--cf-orange)}.roi-calculator-section h3{font-size:1.25rem;margin-bottom:1rem;color:var(--cf-orange)}.roi-calculator-intro{color:var(--text-muted);margin-bottom:1rem;line-height:1.6}.roi-preset-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.roi-preset-btn{padding:.75rem 1rem;background:var(--bg-input);border:2px solid transparent;color:var(--text);border-radius:var(--radius-sm);cursor:pointer;font-weight:600;transition:all .2s}.roi-preset-btn:hover{border-color:var(--cf-orange);background:#f6821f1a}.roi-preset-btn:active{background:#f6821f33}.roi-form-group{margin-bottom:1.5rem}.roi-form-group label{display:block;margin-bottom:.75rem;font-weight:600;color:var(--text)}.roi-slider{width:100%;height:6px;border-radius:3px;background:var(--bg-input);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.roi-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--cf-orange);cursor:pointer;transition:all .2s}.roi-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 10px #f6821f80}.roi-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--cf-orange);cursor:pointer;border:none;transition:all .2s}.roi-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 10px #f6821f80}.roi-range-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted);margin-top:.5rem}.roi-checkboxes{display:flex;gap:1.5rem;margin-bottom:1rem}.roi-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--text)}.roi-checkbox input{width:18px;height:18px;cursor:pointer;accent-color:var(--cf-orange)}.roi-button{padding:.75rem 1.5rem;background:var(--cf-orange);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .2s;width:100%}.roi-button:hover:not(:disabled){background:#ff9f1a;transform:translateY(-2px);box-shadow:0 4px 12px #f6821f4d}.roi-button:disabled{opacity:.5;cursor:not-allowed}.roi-button-primary{background:var(--cf-orange)}.roi-results{background:#f6821f0d;border:2px solid var(--cf-orange)}.roi-result-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.roi-card{padding:1rem;background:var(--bg-input);border-radius:var(--radius-sm);text-align:center}.roi-card h4{font-size:.9rem;color:var(--text-muted);margin-bottom:.5rem}.roi-card-value{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.roi-card-value.roi-negative{color:#ff6b6b}.roi-card-value.roi-positive{color:#51cf66}.roi-card-value.roi-savings{color:var(--cf-orange);font-size:2rem}.roi-card-detail{font-size:.85rem;color:var(--text-muted)}.roi-card-highlight{background:#f6821f1a;border:2px solid var(--cf-orange)}.roi-impact{padding:1rem;background:var(--bg-input);border-radius:var(--radius-sm);margin-bottom:1rem}.roi-impact h4{color:var(--cf-orange);margin-bottom:.75rem}.roi-impact-items{display:flex;flex-direction:column;gap:.75rem}.roi-impact-item{display:flex;justify-content:space-between;align-items:center}.roi-impact-label{color:var(--text-muted)}.roi-impact-value{font-weight:600;color:#51cf66;font-size:1.1rem}.roi-investment{padding:1rem;background:var(--bg-input);border-radius:var(--radius-sm);border-left:4px solid var(--cf-orange)}.roi-investment h4{color:var(--cf-orange);margin-bottom:.5rem}.roi-investment-value{font-size:1.5rem;font-weight:700;color:#51cf66;margin-bottom:.5rem}.roi-investment-detail{font-size:.9rem;color:var(--text-muted);line-height:1.5}.roi-explanation .explanation-steps{background:transparent;border:none;padding:0}.roi-info-panel .info-content{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.roi-info-panel .info-item{padding:1rem;background:var(--bg-input);border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1)}.roi-info-panel .info-item-title{color:var(--cf-orange);font-weight:600;margin-bottom:.5rem}.roi-info-panel .info-item-desc{font-size:.85rem;color:var(--text-muted);line-height:1.4}.roi-error{padding:1rem;background:#ff6b6b1a;border:1px solid #ff6b6b;border-radius:var(--radius-sm);color:#ff6b6b}@media (max-width: 768px){.roi-preset-buttons,.roi-result-cards{grid-template-columns:1fr}.roi-checkboxes{flex-direction:column}.roi-info-panel .info-content{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.roi-info-panel .info-content{grid-template-columns:1fr}.roi-calculator-section{padding:1rem}}