@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg-base:#060608;--bg-surface:#0e0e12;--bg-surface-hover:#16161c;--bg-surface-elevated:#1a1a24;--primary:#e50914;--primary-hover:#ff1e27;--primary-glow:#e5091440;--accent:#50e3c2;--accent-glow:#50e3c226;--text-main:#f5f5f7;--text-muted:#8e8e93;--text-dim:#5c5c64;--border-subtle:#ffffff0f;--border-focus:#e5091480;--font-heading:"Outfit", "Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"Space Grotesk", ui-monospace, monospace;--transition-fast:.2s cubic-bezier(.16, 1, .3, 1);--transition-smooth:.4s cubic-bezier(.16, 1, .3, 1);--container-width:1200px;--header-height:70px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-base);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--bg-surface-elevated);border:2px solid var(--bg-base);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-main);letter-spacing:-.02em;font-weight:700;line-height:1.1}p{color:var(--text-muted);line-height:1.6}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}.container{max-width:var(--container-width);width:100%;margin:0 auto;padding:0 24px}.grid{gap:24px;display:grid}.glass{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);background:#0e0e12b3;border-radius:12px}.glow-card{background:var(--bg-surface);border:1px solid var(--border-subtle);transition:transform var(--transition-smooth), border-color var(--transition-smooth), box-shadow var(--transition-smooth);border-radius:12px;padding:24px;position:relative;overflow:hidden}.glow-card:before{content:"";background:radial-gradient(600px circle at var(--mouse-x,0) var(--mouse-y,0), #ffffff04, transparent 40%);z-index:1;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.glow-card:hover:before{opacity:1}.glow-card:hover{border-color:var(--card-hover-border,#e509144d);box-shadow:0 12px 30px -10px #00000080, 0 0 15px 0 var(--card-hover-glow,var(--primary-glow));transform:translateY(-4px)}.btn{font-family:var(--font-heading);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 4px 14px 0 var(--primary-glow)}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #e5091466}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--bg-surface-elevated);color:var(--text-main);border:1px solid var(--border-subtle)}.btn-secondary:hover{background-color:var(--bg-surface-hover);border-color:var(--text-muted);transform:translateY(-2px)}.tag{font-size:.75rem;font-family:var(--font-mono);background-color:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:100px;padding:4px 12px;font-weight:500;display:inline-flex}.tag-accent{color:var(--accent);background-color:#50e3c214;border-color:#50e3c233}.tag-primary{color:var(--primary);background-color:#e5091414;border-color:#e5091433}::selection{background-color:var(--primary);color:#fff}.app-layout{background-color:var(--bg-base);min-height:100vh;transition:background-color var(--transition-smooth);flex-direction:column;display:flex;position:relative}.theme-strategy{--primary:#3b82f6;--primary-hover:#2563eb;--primary-glow:#3b82f640;--bg-base:#030712;--card-hover-border:#10b9814d;--card-hover-glow:#10b98140}.theme-ai{--primary:#e50914;--accent:#50e3c2;--primary-glow:#e5091440;--bg-base:#060508;--card-hover-border:#e509144d;--card-hover-glow:#e5091440}.theme-technical{--primary:#8b5cf6;--accent:#f59e0b;--primary-glow:#8b5cf640;--bg-base:#060408;--card-hover-border:#8b5cf64d;--card-hover-glow:#8b5cf640}.navbar{height:var(--header-height);z-index:100;border-bottom:1px solid var(--border-subtle);border-radius:0;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.nav-container{justify-content:space-between;align-items:center;display:flex}.nav-logo{font-family:var(--font-heading);letter-spacing:.05em;color:var(--text-main);transition:opacity var(--transition-fast);font-size:1.25rem;font-weight:800}.nav-logo:hover{opacity:.8}.logo-dot{color:var(--primary);transition:color var(--transition-fast)}.nav-menu{align-items:center;gap:32px;display:flex}.nav-link{color:var(--text-muted);font-size:.9rem;font-weight:500}.nav-link:hover{color:var(--text-main)}.nav-btn{border-radius:6px;padding:8px 16px;font-size:.85rem}.warp-overlay{z-index:9999;background:radial-gradient(circle, transparent 20%, var(--bg-base) 80%);pointer-events:none;opacity:0;-webkit-backdrop-filter:blur()brightness();backdrop-filter:blur()brightness();transition:opacity .5s cubic-bezier(.7,0,.3,1),transform .6s cubic-bezier(.7,0,.3,1),-webkit-backdrop-filter .5s cubic-bezier(.7,0,.3,1),backdrop-filter .5s cubic-bezier(.7,0,.3,1);position:fixed;inset:0;transform:scale(.8)}.warp-overlay.active{opacity:1;-webkit-backdrop-filter:blur(30px)brightness(250%)contrast(150%);backdrop-filter:blur(30px)brightness(250%)contrast(150%);background:radial-gradient(circle, #ffffff26 10%, var(--bg-base) 70%);transform:scale(1.6)}.control-deck{padding-top:calc(var(--header-height) + 40px);min-height:calc(100vh - var(--header-height));flex-direction:column;justify-content:center;padding-bottom:60px;display:flex;position:relative;overflow:hidden}.deck-glow{z-index:0;pointer-events:none;width:60vw;height:60vw;transition:background var(--transition-smooth);background:radial-gradient(circle,#e509140a 0%,#0000 60%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.space-backdrop{opacity:.25;z-index:0;background-image:radial-gradient(1px 1px at 20px 30px,#fff,#0000),radial-gradient(1px 1px at 50px 100px,#ffffffb3,#0000),radial-gradient(2px 2px at 150px 150px,#ffffffe6,#0000),radial-gradient(1px 1px at 200px 80px,#fff,#0000);background-repeat:repeat;background-size:300px 300px;animation:60s linear infinite starsScroll;position:absolute;inset:0}@keyframes starsScroll{0%{background-position:0 0}to{background-position:300px 600px}}.deck-header{z-index:1;max-width:800px;margin:0 auto 60px;position:relative}.deck-title{letter-spacing:-.03em;margin-bottom:16px;font-size:3.5rem;font-weight:800}.deck-subtitle{color:var(--text-muted);max-width:550px;margin:0 auto;font-size:1.1rem}.portal-grid{z-index:1;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1000px;margin:0 auto;display:grid;position:relative}.portal-gate{cursor:pointer;transition:transform var(--transition-smooth);background:0 0;border:none;flex-direction:column;align-items:center;gap:24px;padding:24px;display:flex;position:relative}.portal-gate:hover{transform:translateY(-8px)}.portal-sphere-wrapper{border-radius:50%;justify-content:center;align-items:center;width:220px;height:220px;display:flex;position:relative}.portal-sphere{z-index:2;background:radial-gradient(circle,#0e0e12e6 0%,#050508 100%);border-radius:50%;justify-content:center;align-items:center;width:180px;height:180px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #000c,0 0 10px #ffffff0d}.portal-sphere-glow{background:radial-gradient(circle, var(--portal-color) 0%, transparent 60%);opacity:.15;transition:opacity var(--transition-smooth), transform var(--transition-smooth);position:absolute;inset:0}.portal-gate:hover .portal-sphere-glow{opacity:.4;transform:scale(1.15)}.portal-ring-outer{border:2px dashed var(--portal-color);opacity:.3;z-index:1;width:216px;height:216px;transition:opacity var(--transition-smooth), border-style var(--transition-smooth);border-radius:50%;animation:16s linear infinite spinClockwise;position:absolute}.portal-ring-inner{border:1px solid var(--portal-color);opacity:.4;z-index:1;width:196px;height:196px;transition:opacity var(--transition-smooth);border-top-color:#0000;border-bottom-color:#0000;border-radius:50%;animation:8s linear infinite spinCounterClockwise;position:absolute}.portal-gate:hover .portal-ring-outer{opacity:.8;border-style:solid}.portal-gate:hover .portal-ring-inner{opacity:.8}@keyframes spinClockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinCounterClockwise{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.portal-graphic{z-index:3;color:var(--text-main);transition:transform var(--transition-smooth);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:relative}.portal-gate:hover .portal-graphic{transform:scale(1.1)}.portal-icon{width:32px;height:32px;color:var(--portal-color);filter:drop-shadow(0 0 8px var(--portal-color))}.portal-label{font-family:var(--font-heading);letter-spacing:.05em;text-transform:uppercase;font-size:1.15rem;font-weight:700}.portal-desc{color:var(--text-muted);max-width:220px;font-size:.8rem;line-height:1.4}.dimension-layout{padding-top:calc(var(--header-height) + 40px);padding-bottom:80px;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dimension-header{text-align:left;margin-bottom:48px}.back-link{font-family:var(--font-mono);text-transform:uppercase;color:var(--primary);cursor:pointer;transition:transform var(--transition-fast);background:0 0;border:none;align-items:center;gap:8px;margin-bottom:24px;font-size:.8rem;font-weight:600;display:inline-flex}.back-link:hover{color:var(--text-main);transform:translate(-4px)}.dimension-title{margin-bottom:12px;font-size:3rem;font-weight:800}.dimension-subtitle{color:var(--text-muted);max-width:700px;font-size:1.1rem}.tune-acquisition-map{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;margin-bottom:40px;padding:32px}.acquisition-flow{justify-content:space-between;align-items:center;gap:16px;margin-top:32px;display:flex}.flow-step{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);text-align:center;border-radius:8px;flex:1;padding:20px;position:relative}.flow-step h4{color:var(--primary);margin-bottom:8px}.flow-arrow{color:var(--primary);font-size:1.5rem;font-weight:700}.simulator-header-tabs{border-bottom:1px solid var(--border-subtle);background:#0003;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;display:flex}.sim-tab-group{gap:8px;display:flex}.sim-tab{border:1px solid var(--border-subtle);color:var(--text-muted);font-family:var(--font-heading);transition:all var(--transition-smooth);cursor:pointer;background:#ffffff05;border-radius:6px;padding:8px 16px;font-size:.85rem;font-weight:600}.sim-tab:hover{border-color:var(--text-muted);color:var(--text-main)}.sim-tab.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 8px var(--primary-glow)}.scope-selection-wrapper{text-align:left;flex-direction:column;gap:12px;display:flex}.selection-label{color:var(--text-muted);font-size:.85rem;font-weight:600}.scope-btn-group{gap:12px;display:flex}.btn-scope{border:1px solid var(--border-subtle);color:var(--text-muted);font-family:var(--font-heading);transition:all var(--transition-smooth);cursor:pointer;background:#ffffff05;border-radius:8px;flex:1;padding:10px 20px;font-size:.85rem;font-weight:600}.btn-scope:hover{border-color:var(--text-muted);color:var(--text-main)}.btn-scope.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 0 12px var(--primary-glow)}.copy-prompt-container{flex-direction:column;gap:8px;width:100%;display:flex}.copy-prompt-container.mini{max-width:100%}.prompt-textarea{border:1px solid var(--border-subtle);width:100%;height:90px;color:var(--text-main);font-family:var(--font-mono);resize:none;box-sizing:border-box;background:#0006;border-radius:6px;padding:10px;font-size:.8rem;line-height:1.4}.prompt-textarea.mini{background:#00000080;height:70px;padding:8px;font-size:.75rem}.prompt-textarea:focus{border-color:var(--primary);box-shadow:0 0 8px var(--primary-glow);outline:none}.copy-prompt-container .btn{box-sizing:border-box;width:100%}.copy-prompt-container .flex-gap{width:100%}.copy-prompt-container .flex-gap .btn{flex:1}.interactive-prompt-block{text-align:left;background:#10b9810a;border:1px solid #10b98133;border-radius:8px;margin-top:12px;padding:16px}.prompt-text{margin-bottom:12px;font-size:.95rem;font-weight:600;color:#10b981!important}.prompt-actions{gap:12px;display:flex}.selection-label{font-weight:600;color:#10b981!important}.simulator-section{background:0 0;padding:0}.simulator-grid{border:1px solid var(--border-subtle);border-radius:16px;grid-template-columns:1fr 1.2fr;min-height:480px;display:grid;overflow:hidden;box-shadow:0 20px 60px #00000080}.simulator-control{text-align:left;background:#0e0e1266;flex-direction:column;gap:24px;padding:40px;display:flex}.simulator-control h3{font-size:1.75rem}.simulator-intro{font-size:.95rem;line-height:1.5}.agent-status-cards{flex-direction:column;gap:16px;display:flex}.agent-status-card{border:1px solid var(--border-subtle);transition:all var(--transition-smooth);background:#ffffff05;border-radius:10px;align-items:center;gap:16px;padding:16px;display:flex}.agent-status-card h4{margin-bottom:4px;font-size:.95rem;font-weight:600}.agent-status-card p{font-size:.8rem}.agent-status-card.active-scan{background:#e509140a;border-color:#e509144d;box-shadow:0 0 15px #e509141a}.status-dot{background:#3a3a44;border-radius:50%;flex-shrink:0;width:12px;height:12px;position:relative}.status-dot.status-ok{background:#27c93f;box-shadow:0 0 10px #27c93f66}.pulse-yellow{background:#ffbd2e;animation:1.2s infinite pulse-glow-yellow}.pulse-blue{background:#3b82f6;animation:1.2s infinite pulse-glow-blue}.pulse-teal{background:var(--accent);animation:1.2s infinite pulse-glow-teal}@keyframes pulse-glow-yellow{0%{box-shadow:0 0 #ffbd2eb3}70%{box-shadow:0 0 0 8px #ffbd2e00}to{box-shadow:0 0 #ffbd2e00}}@keyframes pulse-glow-blue{0%{box-shadow:0 0 #3b82f6b3}70%{box-shadow:0 0 0 8px #3b82f600}to{box-shadow:0 0 #3b82f600}}@keyframes pulse-glow-teal{0%{box-shadow:0 0 #50e3c2b3}70%{box-shadow:0 0 0 8px #50e3c200}to{box-shadow:0 0 #50e3c200}}.btn-sim-action{width:100%;margin-top:8px}.simulator-console{border-left:1px solid var(--border-subtle);background:#050508;flex-direction:column;display:flex}.console-screen-body{font-family:var(--font-mono);color:var(--text-main);text-align:left;flex-direction:column;flex-grow:1;gap:12px;max-height:500px;padding:32px;font-size:.85rem;display:flex;overflow-y:auto}.console-idle-view{height:100%;color:var(--text-dim);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.console-prompt-line{color:var(--text-main);align-self:flex-start}.console-info-text{max-width:280px;font-size:.9rem}.console-scanner-feed{background:#ffffff03;border:1px dashed #ffffff0f;border-radius:8px;flex-direction:column;gap:12px;margin:12px 0;padding:16px;display:flex}.progress-bar-container{background:#ffffff0d;border-radius:10px;height:6px;position:relative;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--primary) 0%, #ff4d4d 100%);border-radius:10px;height:100%;transition:width .1s linear;box-shadow:0 0 10px #e5091480}.scanning-file-label{color:var(--text-muted);font-size:.8rem}.code-stream-animation{color:var(--text-dim);white-space:pre-line;opacity:.7;height:80px;font-size:.75rem;line-height:1.4;position:relative;overflow:hidden}.code-stream-animation:after{content:"";background:linear-gradient(#0000,#050508);height:40px;position:absolute;bottom:0;left:0;right:0}.console-triage-loader{color:var(--accent);align-items:center;gap:16px;margin:12px 0;font-size:.85rem;display:flex}.spinner{border:2px solid #50e3c233;border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.flowchart-view{background:#08080c4d;border-radius:12px;flex-direction:column;align-items:center;gap:0;padding:40px 24px;display:flex;position:relative;overflow:hidden}.flow-node{opacity:0;pointer-events:none;background:#121218b3;border:0 solid #0000;border-radius:12px;align-items:center;gap:16px;width:100%;max-width:480px;max-height:0;margin:0 auto;padding:0 18px;transition:max-height .8s cubic-bezier(.16,1,.3,1),opacity .6s,transform .8s cubic-bezier(.16,1,.3,1),padding .8s cubic-bezier(.16,1,.3,1),margin .8s cubic-bezier(.16,1,.3,1),border-width .3s,border-color .3s,background-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;transform:translateY(-12px)scale(.96);box-shadow:0 4px 20px #00000040}.flow-node:hover{border-color:#ffffff1f;transform:translateY(-1px)}.flow-node.trigger-node{opacity:1;border:1px solid var(--border-subtle);pointer-events:all;max-height:200px;margin:6px auto;padding:14px 18px;overflow:visible;transform:translateY(0)scale(1)}.flow-node.node-active,.flow-node.node-complete{opacity:1;border:1px solid var(--border-subtle);pointer-events:all;max-height:380px;margin:6px auto;padding:14px 18px;overflow:visible;transform:translateY(0)scale(1)}.flow-node.node-active{border-color:var(--primary);background:#e5091405;box-shadow:0 0 20px #e509141f}.flow-node.node-pulsing{animation:2s ease-in-out infinite node-pulse-glow}.flow-node.node-complete{border-color:var(--accent);background:#50e3c205;box-shadow:0 0 15px #50e3c214}@keyframes node-pulse-glow{0%{border-color:var(--primary);box-shadow:0 0 10px #e509141f}50%{border-color:#e5091480;box-shadow:0 0 22px #e509144d}to{border-color:var(--primary);box-shadow:0 0 10px #e509141f}}.node-icon{border:1px solid var(--border-subtle);width:40px;height:40px;color:var(--text-muted);background:#ffffff08;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.flow-node.node-active .node-icon{color:var(--primary);background:#e5091414;border-color:#e5091440}.flow-node.node-complete .node-icon{color:var(--accent);background:#50e3c214;border-color:#50e3c240}.svg-icon{width:20px;height:20px}.node-details{text-align:left;flex-direction:column;flex-grow:1;display:flex;overflow:hidden}.node-details h4{color:var(--text-main);margin-bottom:2px;font-size:.9rem;font-weight:600}.node-sub{color:var(--text-muted);margin-bottom:6px;font-size:.78rem;display:block}.node-meta{color:var(--text-muted);font-size:.78rem;line-height:1.4}.node-file{color:var(--text-dim);font-size:.75rem;font-family:var(--font-mono);margin-bottom:4px;display:block}.node-progress-wrapper{width:100%;margin-top:4px}.flow-findings-summary{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.badge-finding{font-size:.68rem;font-weight:700;font-family:var(--font-mono);border-radius:4px;padding:2px 6px}.badge-finding.critical{color:#f87171;background:#ef444426;border:1px solid #ef444440}.badge-finding.high{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b40}.badge-finding.medium{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f640}.badge-finding.low{color:var(--text-muted);border:1px solid var(--border-subtle);background:#ffffff0d}.flow-connector{opacity:0;background:var(--border-subtle);width:2px;height:0;margin:0 auto;transition:height .8s cubic-bezier(.16,1,.3,1),opacity .6s,margin .8s cubic-bezier(.16,1,.3,1),background-color .4s,box-shadow .4s;position:relative;overflow:hidden}.flow-connector.connector-active{opacity:1;background:var(--primary);height:24px;margin:4px auto;box-shadow:0 0 8px #e5091480}.flow-connector.connector-active:after{content:"";background:linear-gradient(to bottom, transparent, var(--accent), transparent);width:100%;height:100%;animation:1.5s linear infinite connector-flow;position:absolute;top:-100%;left:0}@keyframes connector-flow{0%{top:-100%}to{top:100%}}.parallel-nodes-row{justify-content:center;gap:0;width:100%;max-width:640px;transition:gap .8s cubic-bezier(.16,1,.3,1);display:flex}:is(.parallel-nodes-row:has(.node-active),.parallel-nodes-row:has(.node-complete)){gap:20px}.parallel-nodes-row .flow-node{flex:1;max-width:0;margin:0}.parallel-nodes-row .flow-node.node-active,.parallel-nodes-row .flow-node.node-complete{max-width:310px;margin:6px 0}@media (width<=768px){.parallel-nodes-row{flex-direction:column;align-items:center;gap:0}:is(.parallel-nodes-row:has(.node-active),.parallel-nodes-row:has(.node-complete)){gap:12px}.parallel-nodes-row .flow-node.node-active,.parallel-nodes-row .flow-node.node-complete{max-width:480px;margin:6px auto}}.fixing-progress-wrapper{align-items:center;gap:12px;margin-top:8px;display:flex}.interaction-done-wrapper{flex-direction:column;gap:8px;display:flex}.success-banner{color:var(--accent);font-size:.8rem;font-family:var(--font-mono);background:#50e3c20d;border:1px solid #50e3c226;border-radius:6px;padding:8px 12px;line-height:1.4}.pr-done-wrapper{flex-direction:column;gap:8px;display:flex}.pipeline-connector-arrows{pointer-events:none;z-index:10;height:4px;position:absolute;top:14px;left:8%;right:8%}.pulsing-arrow{color:#10b981;background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);pointer-events:auto;width:20px;height:20px;transition:all var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.pulsing-arrow.active-pulse{animation:1.5s ease-in-out infinite pulse-arrow-anim;box-shadow:0 0 8px #10b98140}.pulsing-arrow.stopped-pulse{opacity:.35;box-shadow:none;color:var(--text-dim);border-color:#0000;animation:none}.pulsing-arrow.arrow-one{left:25%}.pulsing-arrow.arrow-two{left:75%}.arrow-svg{width:12px;height:12px}@keyframes pulse-arrow-anim{0%{opacity:.6;transform:translateY(-50%)scale(.95);box-shadow:0 0 4px #10b98140}50%{opacity:1;transform:translateY(-50%)scale(1.15);box-shadow:0 0 12px #10b981}to{opacity:.6;transform:translateY(-50%)scale(.95);box-shadow:0 0 4px #10b98140}}@media (width<=640px){.pipeline-connector-arrows{display:none}}.creative-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-bottom:48px;display:grid}.creative-card{background:var(--bg-surface);border:1px solid var(--border-subtle);text-align:left;transition:transform var(--transition-smooth), border-color var(--transition-smooth);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.creative-card:hover{border-color:var(--primary);transform:translateY(-4px)}.creative-card-header{padding:24px}.creative-card-body{flex-grow:1;padding:0 24px 24px}.creative-card-tags{gap:8px;margin-top:16px;display:flex}.book-club-widget{background:var(--bg-surface);border:1px solid var(--border-subtle);text-align:left;border-radius:12px;padding:32px}.book-recommendations{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px;display:grid}.book-card{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:8px;flex-direction:column;gap:8px;padding:20px;display:flex}.book-card h4{color:var(--primary);font-size:1.1rem}.book-card p{font-size:.85rem}.section-header{text-align:center;flex-direction:column;gap:16px;max-width:600px;margin:0 auto 56px;display:flex}.section-title{font-size:2.25rem}.section-description{font-size:1rem}.filter-buttons{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:12px;display:flex}.filter-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;font-family:var(--font-heading);transition:all var(--transition-fast);border-radius:8px;padding:8px 18px;font-size:.85rem;font-weight:500}.filter-btn:hover{border-color:var(--text-muted);color:var(--text-main)}.filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 12px var(--primary-glow)}.timeline-container{flex-direction:column;gap:24px;max-width:800px;margin:0 auto;display:flex}.timeline-card{text-align:left;padding:32px}.timeline-card-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:20px;display:flex}.timeline-period{font-family:var(--font-mono);color:var(--primary);margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.timeline-role{margin-bottom:4px;font-size:1.4rem;font-weight:700}.timeline-company{color:var(--text-muted);font-size:.95rem;font-weight:500}.timeline-location{color:var(--text-dim);font-size:.85rem}.timeline-tags{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.timeline-highlights{flex-direction:column;gap:12px;padding-left:20px;display:flex}.timeline-highlights li{color:var(--text-muted);font-size:.95rem;line-height:1.5}.grid-2{grid-template-columns:repeat(2,1fr)}.demo-card-wip{text-align:left;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px;min-height:240px;display:flex}.demo-card-wip h3{font-size:1.5rem}.demo-card-wip p{flex-grow:1}.wip-badge{font-family:var(--font-mono);color:var(--primary);border-top:1px solid var(--border-subtle);width:100%;margin-top:16px;padding-top:16px;font-size:.75rem;font-weight:700}.footer{border-top:1px solid var(--border-subtle);background-color:var(--bg-base);color:var(--text-dim);z-index:10;margin-top:auto;padding:40px 0;font-size:.85rem;position:relative}.footer-container{justify-content:space-between;align-items:center;display:flex}.footer-links{gap:24px;display:flex}.footer-links a{color:var(--text-muted)}.footer-links a:hover{color:var(--text-main)}@media (width<=1024px){.hero-container{text-align:center;grid-template-columns:1fr;gap:40px}.hero-badge-row,.hero-buttons{justify-content:center}.hero-title{font-size:2.75rem}.grid-4{grid-template-columns:repeat(2,1fr);gap:32px}.highlight-item{text-align:center;border-right:none}.highlight-item:nth-child(odd){border-right:1px solid var(--border-subtle)}.portal-grid{grid-template-columns:1fr;justify-items:center;gap:40px}.simulator-grid{grid-template-columns:1fr;min-height:auto}.simulator-console{border-left:none;border-top:1px solid var(--border-subtle)}.grid-2{grid-template-columns:1fr}.acquisition-flow{flex-direction:column}.flow-arrow{transform:rotate(90deg)}.book-recommendations{grid-template-columns:1fr}}@media (width<=768px){.nav-menu{display:none}.grid-4{grid-template-columns:1fr;gap:24px}.highlight-item{border-right:none!important}.timeline-card-header{flex-direction:column;gap:16px}.timeline-tags{justify-content:flex-start}.footer-container{text-align:center;flex-direction:column;gap:16px}}.mcp-simulator-panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.code-panel-header{border-bottom:1px solid var(--border-subtle);background:#0003;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.code-tabs{gap:8px;display:flex}.code-tab{border:1px solid var(--border-subtle);color:var(--text-muted);font-family:var(--font-heading);transition:all var(--transition-fast);cursor:pointer;background:#ffffff05;border-radius:6px;padding:6px 14px;font-size:.8rem;font-weight:600}.code-tab:hover{border-color:var(--text-muted);color:var(--text-main)}.code-tab.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 8px var(--primary-glow)}.mcp-tool-cards{flex-direction:column;gap:12px;display:flex}.mcp-tool-card{border:1px solid var(--border-subtle);cursor:pointer;text-align:left;transition:all var(--transition-smooth);background:#ffffff03;border-radius:8px;padding:14px 18px}.mcp-tool-card:hover{background:#ffffff08;border-color:#ffffff26;transform:translateY(-2px)}.mcp-tool-card h5{font-family:var(--font-mono);color:var(--accent);margin-bottom:4px;font-size:.9rem;font-weight:700}.mcp-tool-card p{color:var(--text-muted);margin:0;font-size:.76rem;line-height:1.4}.mcp-tool-card.active{background:#8b5cf614;border-color:#8b5cf6;box-shadow:0 0 12px #8b5cf626}.mcp-args-form{border:1px solid var(--border-subtle);background:#00000026;border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.arg-label{font-family:var(--font-mono);color:var(--text-dim);text-transform:uppercase;margin-bottom:6px;font-size:.72rem;display:block}.mcp-input{border:1px solid var(--border-subtle);width:100%;color:var(--text-main);transition:all var(--transition-fast);box-sizing:border-box;background:#00000040;border-radius:6px;outline:none;padding:10px 12px;font-family:inherit;font-size:.85rem}.mcp-input:focus{border-color:var(--primary);box-shadow:0 0 8px var(--primary-glow)}.suggestion-badges{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.badge-btn{border:1px solid var(--border-subtle);color:var(--text-muted);font-family:var(--font-mono);transition:all var(--transition-fast);cursor:pointer;background:#ffffff08;border-radius:4px;padding:3px 8px;font-size:.7rem}.badge-btn:hover{color:var(--text-main);border-color:var(--text-muted);background:#ffffff14}.mcp-loading-view,.mcp-idle-view{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;min-height:200px;padding:32px;display:flex}.mcp-result-pre{font-family:var(--font-mono);color:#a5b4fc;text-align:left;white-space:pre-wrap;word-break:break-all;background:#00000026;border:1px solid #ffffff08;border-radius:6px;flex-grow:1;margin:0;padding:16px;font-size:.75rem;line-height:1.6;overflow-y:auto}.mcp-traffic-panel{background:#030305;flex-direction:column;min-height:450px;display:flex}.traffic-header{border-bottom:1px solid var(--border-subtle);background:#0003;padding:16px 24px}.mcp-traffic-body{text-align:left;flex-direction:column;flex-grow:1;gap:12px;max-height:380px;padding:24px;display:flex;overflow-y:auto}.traffic-log-line{font-family:var(--font-mono);white-space:pre-wrap;word-break:break-all;border:1px solid #0000;border-radius:6px;margin:0;padding:8px 12px;font-size:.74rem;line-height:1.5}.traffic-log-line.request{color:#fbbf24;background:#fbbf2408;border-color:#fbbf2414}.traffic-log-line.response{color:#27c93f;background:#27c93f08;border-color:#27c93f14}.traffic-log-line.system{color:var(--text-dim);background:#ffffff03;border-color:#ffffff08}.mcp-code-panel{background:#030305;flex-direction:column;min-height:450px;display:flex}.mcp-code-viewer{text-align:left;flex-grow:1;max-height:380px;padding:24px;overflow-y:auto}.code-block{font-family:var(--font-mono);white-space:pre-wrap;color:var(--text-muted);margin:0;font-size:.74rem;line-height:1.6}.formula-display{border-bottom:1px solid #ffffff0d;flex-direction:column;padding-bottom:8px;display:flex}.formula-title{font-family:var(--font-mono);color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.68rem}.formula-code{font-family:var(--font-mono);color:var(--accent);margin-top:4px;font-size:.88rem;font-weight:600}.toggle-opt-btn{border:1px solid var(--border-subtle);color:var(--text-muted);transition:all var(--transition-fast);background:#ffffff05}.toggle-opt-btn:hover:not(:disabled){border-color:var(--text-muted);color:var(--text-main)}.toggle-opt-btn.active{box-shadow:0 0 8px #8b5cf633;color:#fff!important;background:#8b5cf614!important;border-color:#8b5cf6!important}.toggle-opt-btn:disabled{opacity:.5;cursor:not-allowed}.technical-section-card{transition:all var(--transition-smooth)}.technical-section-card:hover{border-color:var(--primary);box-shadow:0 0 25px var(--primary-glow)}.pipeline-steps-wrapper{margin:40px 0;padding-bottom:16px;position:relative}.pipeline-progress-bar{background:var(--bg-surface-elevated);z-index:1;border-radius:2px;height:4px;position:absolute;top:14px;left:8%;right:8%}.pipeline-progress-bar:after{content:"";background:var(--primary);height:100%;box-shadow:0 0 10px var(--primary-glow);transition:width .5s cubic-bezier(.16,1,.3,1),height .5s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0}.pipeline-progress-bar.fill-legacy:after{width:0%}.pipeline-progress-bar.fill-expansion:after{width:50%}.pipeline-progress-bar.fill-acquisition:after{width:100%}.pipeline-steps{z-index:2;justify-content:space-between;width:100%;display:flex;position:relative}.pipeline-step-btn{cursor:pointer;text-align:center;width:150px;transition:transform var(--transition-fast);background:0 0;border:none;flex-direction:column;align-items:center;display:flex}.pipeline-step-btn:hover{transform:translateY(-2px)}.pipeline-step-btn .step-num{background:var(--bg-surface-elevated);border:2px solid var(--border-subtle);width:32px;height:32px;color:var(--text-muted);font-family:var(--font-mono);transition:all var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex}.pipeline-step-btn:hover .step-num{border-color:var(--text-muted);color:var(--text-main)}.pipeline-step-btn.active .step-num{background:var(--bg-base);border-color:var(--primary);color:var(--primary);box-shadow:0 0 15px var(--primary-glow), inset 0 0 8px var(--primary-glow)}.pipeline-step-btn .step-label{font-family:var(--font-heading);color:var(--text-muted);transition:color var(--transition-fast);margin-top:12px;font-size:.95rem;font-weight:600}.pipeline-step-btn.active .step-label{color:var(--text-main)}.pipeline-step-btn .step-sublabel{color:var(--text-dim);margin-top:4px;font-size:.75rem}.pipeline-details-panel{min-height:220px;margin-top:32px}.pipeline-detail-card{border:1px solid var(--border-subtle);text-align:left;background:#ffffff03;border-radius:8px;padding:24px}.pipeline-detail-card h4{font-size:1.25rem;font-family:var(--font-heading);color:var(--text-main);margin-top:10px}.badge-row{gap:8px;display:flex}.detail-metrics-row{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px;display:grid}.metric-box{text-align:center;flex-direction:column;align-items:center;display:flex}.metric-box .box-val{font-family:var(--font-heading);color:var(--primary);font-size:1.5rem;font-weight:700}.metric-box .box-label{color:var(--text-muted);margin-top:6px;font-size:.8rem}.payout-simulator-card{border:1px solid var(--border-subtle);background:#0e0e1266;border-radius:8px;padding:24px}.payout-simulator-card h5{font-size:1.15rem;font-family:var(--font-heading);margin-bottom:6px}.sim-config-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px;display:grid}.sim-control-group{text-align:left;flex-direction:column;gap:8px;display:flex}.sim-control-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.toggle-options{border:1px solid var(--border-subtle);background:var(--bg-surface-elevated);border-radius:6px;display:flex;overflow:hidden}.toggle-options .toggle-opt-btn{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1;padding:8px 12px;font-size:.8rem;font-weight:500}.toggle-options .toggle-opt-btn:hover{color:var(--text-main);background:#ffffff05}.toggle-options .toggle-opt-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px var(--primary-glow)}.simulator-output-box{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:6px;flex-direction:column;gap:12px;padding:16px;display:flex}.formula-display{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding-bottom:10px;font-size:.8rem;display:flex}.formula-title{color:var(--text-dim)}.formula-code{font-family:var(--font-mono);color:var(--accent);background:#0003;border-radius:4px;padding:4px 8px}.payout-result-row{justify-content:space-between;align-items:center;display:flex}.result-label{color:var(--text-muted);font-size:.9rem;font-weight:600}.result-value{font-family:var(--font-heading);color:var(--primary);text-shadow:0 0 10px var(--primary-glow);font-size:1.8rem;font-weight:800}.fade-in{animation:.4s ease-out forwards fadeIn}@media (width<=640px){.pipeline-steps-wrapper{margin:24px 0;padding-left:20px}.pipeline-progress-bar{width:4px;height:auto;top:0;bottom:0;left:26px}.pipeline-progress-bar.fill-legacy:after{width:100%;height:0%}.pipeline-progress-bar.fill-expansion:after{width:100%;height:50%}.pipeline-progress-bar.fill-acquisition:after{width:100%;height:100%}.pipeline-steps{flex-direction:column;align-items:flex-start;gap:32px}.pipeline-step-btn{text-align:left;flex-direction:row;align-items:center;gap:16px;width:100%}.pipeline-step-btn .step-num{flex-shrink:0}.pipeline-step-btn .step-label{margin-top:0}.pipeline-step-btn .step-sublabel{margin-top:2px}.sim-config-grid{grid-template-columns:1fr}.detail-metrics-row{grid-template-columns:1fr;gap:16px}}
