body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}:root{--primary: #3b82f6;--primary-dark: #2563eb;--secondary: #10b981;--danger: #ef4444;--warning: #f59e0b;--dark: #0f172a;--dark-light: #1e293b;--gray: #64748b;--gray-light: #94a3b8;--white: #ffffff;--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--gradient-secondary: linear-gradient(135deg, #10b981 0%, #06b6d4 100%);--gradient-danger: linear-gradient(135deg, #ef4444 0%, #f97316 100%);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--primary-rgb: 59, 130, 246;--secondary-rgb: 16, 185, 129;--dark-rgb: 15, 23, 42;--dark-light-rgb: 30, 41, 59;--white-rgb: 255, 255, 255}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--dark);color:var(--white);overflow-x:hidden}.app{min-height:100vh}.section-title{font-size:3rem;font-weight:800;margin-bottom:1rem;line-height:1.2}.section-description{font-size:1.25rem;color:var(--gray-light);margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-bg{background:var(--gradient-primary)}.btn{padding:.75rem 2rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--white)}.btn-primary{background:var(--gradient-primary);box-shadow:0 4px 15px #3b82f666}.btn-secondary{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-large{padding:1rem 3rem;font-size:1.125rem}.btn-block{width:100%;justify-content:center}.btn-shine{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);pointer-events:none}.btn-icon{width:20px;height:20px}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at top,rgba(59,130,246,.1) 0%,transparent 50%)}.hero-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.security-particles{position:absolute;inset:0;pointer-events:none}.particle{position:absolute;width:2px;height:2px;background:var(--primary);border-radius:50%;box-shadow:0 0 10px var(--primary)}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:2rem;font-size:.875rem;color:var(--primary);margin-bottom:2rem;cursor:pointer}.hero-badge .icon{width:16px;height:16px}.hero-title{font-size:4rem;font-weight:900;line-height:1.1;margin-bottom:1.5rem;width:75%}.hero-description{font-size:1.25rem;color:var(--gray-light);margin-bottom:2rem;line-height:1.6}.hero-actions{display:flex;gap:1rem;margin-bottom:3rem}.hero-stats{display:flex;gap:3rem}.stat{display:flex;align-items:center;gap:1rem}.stat-icon{width:40px;height:40px;color:var(--primary);opacity:.7}.stat h3{font-size:1.5rem;font-weight:700;color:var(--white);display:flex;align-items:center;gap:.25rem}.stat p{font-size:.875rem;color:var(--gray-light)}.hero-cta-primary{font-size:1rem;font-weight:600;cursor:pointer;border:none;background:none}.hero-cta-primary .w-5{width:1.25rem;height:1.25rem}.hero-cta-primary .ml-2{margin-left:.5rem}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center;height:500px}.security-shield{position:relative;width:300px;height:300px;display:flex;justify-content:center;align-items:center}.shield-icon{width:150px;height:150px;color:var(--primary);z-index:10}.shield-ring{position:absolute;inset:0;border:2px solid var(--primary);border-radius:50%;opacity:.3}.features{padding:5rem 0;background:var(--dark-light)}.features-container{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center}.features-header{margin-bottom:4rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.features-grid>*{display:flex;height:100%}.feature-icon-wrapper{width:60px;height:60px;border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.feature-icon-wrapper.from-blue-500.to-cyan-500{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.feature-icon-wrapper.from-purple-500.to-pink-500{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.feature-icon-wrapper.from-green-500.to-teal-500{background:linear-gradient(135deg,#10b981,#14b8a6)}.feature-icon-wrapper.from-orange-500.to-red-500{background:linear-gradient(135deg,#f97316,#ef4444)}.feature-icon-wrapper.from-indigo-500.to-purple-500{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.feature-icon-wrapper.from-yellow-500.to-orange-500{background:linear-gradient(135deg,#eab308,#f97316)}.feature-icon-wrapper.from-rose-500.to-pink-500{background:linear-gradient(135deg,#f43f5e,#ec4899)}.feature-icon-wrapper.from-cyan-500.to-sky-500{background:linear-gradient(135deg,#06b6d4,#0ea5e9)}.feature-icon-wrapper.from-violet-500.to-indigo-500{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.feature-icon{width:30px;height:30px;color:var(--white)}.feature-title{font-size:1.5rem;font-weight:700;margin-bottom:.75rem;color:var(--white)}.feature-description{color:var(--gray-light);line-height:1.6;flex-grow:1}.integration{padding:5rem 0;background:var(--dark)}.integration-container{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center}.integration-header{margin-bottom:3rem}.integration-steps{margin-bottom:4rem}.code-step{margin-bottom:2rem}.step-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.step-number{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3b82f61a;border-radius:2rem;color:var(--primary)}.step-icon{width:20px;height:20px}.step-title{font-size:1.25rem;font-weight:600;color:var(--white)}.code-block{position:relative;background:var(--dark-light);border:1px solid rgba(59,130,246,.1);border-radius:.75rem;overflow:hidden}.code-block pre{padding:1.5rem;overflow-x:auto;margin:0;font-family:Monaco,Consolas,Courier New,monospace;font-size:.9rem;line-height:1.6}.code-block code{color:#e2e8f0}.copy-button{position:absolute;top:1rem;right:1rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:.5rem;padding:.5rem;cursor:pointer;transition:all .3s ease}.copy-button:hover{background:#3b82f633}.copy-icon{width:18px;height:18px;color:var(--primary)}.copy-icon.success{color:var(--secondary)}.integration-features{background:var(--dark-light);border-radius:1rem;padding:3rem;text-align:left}.integration-features h3{font-size:1.5rem;margin-bottom:2rem;text-align:center}.feature-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.feature-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.5rem;transition:all .3s ease;cursor:pointer}.feature-item:hover{background:#3b82f60d}.checkmark{color:var(--secondary);font-size:1.25rem}.playground{padding:5rem 0;background:var(--dark-light)}.playground-container{max-width:1000px;margin:0 auto;padding:0 2rem;text-align:center}.playground-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:2rem;font-size:.875rem;color:var(--secondary);margin-bottom:2rem}.badge-icon{width:16px;height:16px}.playground-preview{background:var(--dark);border:1px solid rgba(59,130,246,.1);border-radius:1rem;overflow:hidden;margin-bottom:3rem;transition:all .3s ease}.preview-header{background:var(--dark-light);padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(59,130,246,.1)}.preview-controls{display:flex;gap:.5rem}.control{width:12px;height:12px;border-radius:50%}.control.red{background:#ef4444}.control.yellow{background:#f59e0b}.control.green{background:#10b981}.preview-url{font-size:.875rem;color:var(--gray-light);font-family:Monaco,Consolas,Courier New,monospace}.preview-content{padding:3rem}.preview-features{display:flex;flex-direction:column;gap:2rem}.preview-feature{display:flex;align-items:start;gap:1.5rem;text-align:left}.preview-feature .feature-icon{width:40px;height:40px;color:var(--primary);flex-shrink:0}.preview-feature h4{font-size:1.125rem;margin-bottom:.5rem;color:var(--white)}.preview-feature p{color:var(--gray-light);line-height:1.5}.playground-cta{margin-top:3rem}.cta-note{margin-top:1rem;color:var(--gray-light);font-size:.875rem}.pricing{padding:5rem 0;background:var(--dark)}.pricing-container{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center}.pricing-header{margin-bottom:4rem}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.pricing-card{background:var(--dark-light);border:1px solid rgba(59,130,246,.1);border-radius:1rem;padding:2rem;position:relative;transition:all .3s ease}.pricing-card:hover{transform:translateY(-5px);border-color:var(--primary)}.pricing-card.popular{border-color:var(--primary);background:#3b82f60d}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--gradient-primary);padding:.25rem 1rem;border-radius:2rem;font-size:.75rem;font-weight:600;color:var(--white)}.pricing-icon{width:60px;height:60px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:#3b82f61a;border-radius:50%}.pricing-icon .icon{width:30px;height:30px;color:var(--primary)}.plan-name{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:.25rem;margin-bottom:1rem}.price{font-size:3rem;font-weight:800;color:var(--white)}.period{font-size:1rem;color:var(--gray-light)}.plan-description{color:var(--gray-light);margin-bottom:2rem;line-height:1.5}.plan-features{text-align:left;margin-bottom:2rem}.plan-features .feature{display:flex;align-items:center;gap:.75rem;padding:.5rem 0}.feature-icon{width:18px;height:18px;flex-shrink:0}.feature-icon.success{color:var(--secondary)}.plan-features .limitation,.plan-features .limitation .feature-icon{color:var(--gray)}.pricing-faq{color:var(--gray-light)}.pricing-faq strong{color:var(--white)}.pricing-content-wrapper{position:relative}.pricing-blurred{filter:blur(8px);opacity:.3;pointer-events:none;-webkit-user-select:none;user-select:none}.pricing-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#111827cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:1rem}.coming-soon-content{text-align:center;padding:3rem}.coming-soon-title{font-size:3rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.coming-soon-description{font-size:1.25rem;color:var(--gray-light);margin-bottom:2rem}@media (max-width: 768px){.coming-soon-title{font-size:2rem}.coming-soon-description{font-size:1rem}.coming-soon-content{padding:2rem}}.footer{padding:4rem 0 2rem;background:var(--dark-light);border-top:1px solid rgba(59,130,246,.1)}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-content{display:grid;grid-template-columns:2fr 3fr;gap:4rem;margin-bottom:3rem}.footer-brand{text-align:left}.brand-logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--white);margin-bottom:1rem}.logo-icon{width:30px;height:30px;color:var(--primary)}.brand-description{color:var(--gray-light);margin-bottom:1.5rem;line-height:1.6}.social-links{display:flex;gap:1rem}.social-links a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:.5rem;transition:all .3s ease}.social-links a:hover{background:#3b82f633;border-color:var(--primary)}.social-icon{width:20px;height:20px;color:var(--primary)}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;text-align:left}.link-group h4{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--white)}.link-group ul{list-style:none}.link-group li{margin-bottom:.75rem}.link-group a{color:var(--gray-light);text-decoration:none;transition:all .3s ease;display:inline-block}.link-group a:hover{color:var(--primary)}.footer-bottom{padding-top:2rem;border-top:1px solid rgba(59,130,246,.1);display:flex;justify-content:space-between;align-items:center;color:var(--gray-light);font-size:.875rem}.footer-legal{display:flex;gap:1rem;align-items:center}.footer-legal a{color:var(--gray-light);text-decoration:none;transition:color .3s ease}.footer-legal a:hover{color:var(--primary)}.separator{color:var(--gray)}.navigation{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(var(--dark-rgb),.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(var(--primary-rgb),.1);transition:all .3s ease}.navigation.scrolled{background:rgba(var(--dark-rgb),.95);box-shadow:var(--shadow-lg)}.nav-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.nav-brand{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:var(--white);text-decoration:none;cursor:pointer}.nav-logo{width:40px;height:40px;color:var(--primary)}.nav-title{font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-actions{display:flex;align-items:center;gap:1.5rem}.nav-link{color:var(--gray-light);text-decoration:none;font-weight:500;transition:color .3s ease}.nav-link:hover{color:var(--white)}.nav-cta{padding:.5rem 1.5rem;font-size:.95rem}.hero{padding-top:80px}@media (max-width: 968px){.nav-container{padding:1rem}.gooey-nav-container,.nav-actions .nav-link{display:none}}@media (max-width: 768px){.hero-container{grid-template-columns:1fr;text-align:center}.hero-title{font-size:3rem}.hero-visual{height:300px}.security-shield{width:200px;height:200px}.shield-icon{width:80px;height:80px}.hero-actions{flex-direction:column;width:100%}.btn{width:100%}.hero-stats{flex-direction:column;gap:1.5rem}.features-grid,.footer-content,.footer-links{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}}.gooey-nav-container{--linear-ease: linear(0, .068, .19 2.7%, .804 8.1%, 1.037, 1.199 13.2%, 1.245, 1.27 15.8%, 1.274, 1.272 17.4%, 1.249 19.1%, .996 28%, .949, .928 33.3%, .926, .933 36.8%, 1.001 45.6%, 1.013, 1.019 50.8%, 1.018 54.4%, 1 63.1%, .995 68%, 1.001 85%, 1)}.gooey-nav-container{position:relative}.gooey-nav-container nav{display:flex;position:relative;transform:translateZ(.01px)}.gooey-nav-container nav ul{display:flex;gap:1.5em;list-style:none;padding:0 1em;margin:0;position:relative;z-index:3;color:var(--gray-light);text-shadow:0 1px 1px hsl(205deg 30% 10% / .2)}.gooey-nav-container nav ul li{border-radius:100vw;position:relative;cursor:pointer;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease;box-shadow:0 0 .5px 1.5px transparent;color:var(--gray-light);font-weight:500;font-size:.95rem}.gooey-nav-container nav ul li a{display:inline-block;padding:.6em 1.2em;text-decoration:none;color:inherit}.gooey-nav-container nav ul li:hover{color:var(--white)}.gooey-nav-container nav ul li:focus-within:has(:focus-visible){box-shadow:0 0 .5px 1.5px var(--primary)}.gooey-nav-container nav ul li:after{content:"";position:absolute;inset:0;border-radius:100vw;background:var(--gradient-primary);opacity:0;transform:scale(0);transition:all .3s ease;z-index:-1}.gooey-nav-container nav ul li.active{color:var(--white);text-shadow:none}.gooey-nav-container nav ul li.active:after{opacity:1;transform:scale(1)}.gooey-nav-container .effect{position:absolute;left:0;top:0;width:0;height:0;opacity:1;pointer-events:none;display:grid;place-items:center;z-index:1}.gooey-nav-container .effect.text{color:var(--gray-light);transition:color .3s ease;font-weight:500;font-size:.95rem}.gooey-nav-container .effect.text.active{color:var(--white)}.gooey-nav-container .effect.filter{display:none}.gooey-nav-container .effect.filter:before{content:"";position:absolute;inset:-75px;z-index:-2;background:transparent}.gooey-nav-container .effect.filter:after{content:"";position:absolute;inset:0;background:var(--gradient-primary);transform:scale(0);opacity:0;z-index:-1;border-radius:100vw}.gooey-nav-container .effect.active:after{animation:pill .3s ease both}@keyframes pill{to{transform:scale(1);opacity:1}}.particle,.point{display:block;opacity:0;width:20px;height:20px;border-radius:100%;transform-origin:center}.particle{--time: 5s;position:absolute;top:calc(50% - 10px);left:calc(50% - 10px);animation:particle calc(var(--time)) ease 1 -.35s}.point{background:var(--color);opacity:1;animation:point calc(var(--time)) ease 1 -.35s}@keyframes particle{0%{transform:rotate(0) translate(calc(var(--start-x)),calc(var(--start-y)));opacity:1;animation-timing-function:cubic-bezier(.55,0,1,.45)}70%{transform:rotate(calc(var(--rotate) * .5)) translate(calc(var(--end-x) * 1.2),calc(var(--end-y) * 1.2));opacity:1;animation-timing-function:ease}85%{transform:rotate(calc(var(--rotate) * .66)) translate(calc(var(--end-x)),calc(var(--end-y)));opacity:1}to{transform:rotate(calc(var(--rotate) * 1.2)) translate(calc(var(--end-x) * .5),calc(var(--end-y) * .5));opacity:1}}@keyframes point{0%{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.55,0,1,.45)}25%{transform:scale(calc(var(--scale) * .25))}38%{opacity:1}65%{transform:scale(var(--scale));opacity:1;animation-timing-function:ease}85%{transform:scale(var(--scale));opacity:1}to{transform:scale(0);opacity:0}}.counter-container{position:relative;display:inline-block}.counter-counter{display:flex;overflow:hidden;line-height:1;background:rgba(var(--dark-light-rgb),.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(var(--primary-rgb),.1)}.counter-digit{position:relative;width:1ch;font-variant-numeric:tabular-nums}.counter-number{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.gradient-container{pointer-events:none;position:absolute;inset:0}.top-gradient{position:absolute;top:0;width:100%}.bottom-gradient{position:absolute;bottom:0;width:100%}.card-spotlight{position:relative;border-radius:1rem;border:1px solid var(--border-color, rgba(var(--primary-rgb), .1));background:rgba(var(--dark-light-rgb),.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;overflow:hidden;--mouse-x: 50%;--mouse-y: 50%;--spotlight-color: rgba(var(--primary-rgb), .5);--border-color: rgba(var(--primary-rgb), .1);transition:all .3s ease;height:100%;display:flex;flex-direction:column}.card-spotlight:hover{transform:translateY(-5px);border-color:var(--border-color);background:rgba(var(--dark-light-rgb),.8);border-width:2px}.card-spotlight:before{content:"";position:absolute;inset:0;background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 40%);opacity:0;transition:opacity .3s ease;pointer-events:none}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:1}.card-spotlight:after{content:"";position:absolute;inset:0;border-radius:1rem;padding:1px;background:linear-gradient(135deg,transparent,var(--spotlight-color),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.card-spotlight:hover:after{opacity:.7}.account-takeover-flow{position:relative;padding:3rem;background:#0f172a80;border-radius:1rem;border:1px solid rgba(139,92,246,.2);display:flex;flex-direction:column;align-items:center;min-height:1100px;overflow:auto;min-width:1400px}.account-takeover-flow .diagram-header{text-align:center;margin-bottom:2.5rem;width:100%}.account-takeover-flow .diagram-header h3{font-size:1.75rem;color:var(--white);margin:0 0 1rem;font-weight:600}.account-takeover-flow .diagram-description{color:var(--gray-light);font-size:1rem;line-height:1.6;max-width:700px;margin:0 auto}.account-takeover-flow svg{max-width:100%;height:auto;display:block}.account-takeover-flow .flow-legend{position:absolute;top:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:1rem;background:#0f172ae6;padding:1.25rem;border-radius:.5rem;border:1px solid rgba(100,116,139,.2);font-size:1rem;max-width:200px;z-index:10}.account-takeover-flow .legend-item{display:flex;align-items:center;gap:.5rem;color:#e2e8f0}.account-takeover-flow .legend-dot{width:14px;height:14px;border-radius:50%;border:2px solid;flex-shrink:0}@media (max-width: 768px){.account-takeover-flow{padding:1rem;overflow-x:auto;min-width:1000px}.account-takeover-flow .flow-legend{position:static;margin-top:1rem;max-width:none;flex-direction:row;justify-content:center}}.api-scraping-flow{position:relative;padding:3rem;background:#0f172a80;border-radius:1rem;border:1px solid rgba(139,92,246,.2);display:flex;flex-direction:column;align-items:center;min-height:1100px;overflow:auto;min-width:1400px}.api-scraping-flow .diagram-header{text-align:center;margin-bottom:2.5rem;width:100%}.api-scraping-flow .diagram-header h3{font-size:1.75rem;color:var(--white);margin:0 0 1rem;font-weight:600}.api-scraping-flow .diagram-description{color:var(--gray-light);font-size:1rem;line-height:1.6;max-width:700px;margin:0 auto}.api-scraping-flow svg{max-width:100%;height:auto;display:block}.api-scraping-flow .flow-legend{position:absolute;top:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:1rem;background:#0f172ae6;padding:1.25rem;border-radius:.5rem;border:1px solid rgba(100,116,139,.2);font-size:1rem;max-width:200px;z-index:10}.api-scraping-flow .legend-item{display:flex;align-items:center;gap:.5rem;color:#e2e8f0}.api-scraping-flow .legend-dot{width:14px;height:14px;border-radius:50%;border:2px solid;flex-shrink:0}@media (max-width: 768px){.api-scraping-flow{padding:1rem;overflow-x:auto;min-width:1000px}.api-scraping-flow .flow-legend{position:static;margin-top:1rem;max-width:none;flex-direction:row;justify-content:center}}.architecture-comparison-diagram{position:relative;padding:2rem;background:rgba(var(--dark-rgb),.5);border-radius:1rem;border:1px solid rgba(var(--primary-rgb),.2);overflow:hidden;min-height:600px}.architecture-sections{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:2rem}.architecture-section{background:rgba(var(--dark-light-rgb),.3);border-radius:1rem;padding:1.5rem;transition:all .3s ease;border:2px solid transparent;display:flex;flex-direction:column;height:100%}.architecture-section.active{border-color:var(--primary);box-shadow:0 0 20px rgba(var(--primary-rgb),.2)}.architecture-section h3{text-align:center;margin-bottom:1.5rem;color:var(--white);font-size:1.25rem;font-weight:600}.architecture-flow{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1.5rem;flex:1;position:relative;justify-content:flex-start;padding:1rem 0}.arch-node{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 1rem;background:rgba(var(--dark-rgb),.8);border:2px solid var(--gray);border-radius:.75rem;cursor:pointer;transition:all .3s ease;min-width:140px;min-height:80px;text-align:center;justify-content:center}.arch-node:hover{border-color:var(--primary);background:rgba(var(--primary-rgb),.1);transform:translateY(-2px)}.arch-node.waf{border-color:var(--danger)}.arch-node.waf:hover{border-color:var(--danger);background:rgba(var(--danger-rgb),.1)}.arch-node.guard-server{border-color:var(--secondary)}.arch-node.guard-server:hover{border-color:var(--secondary);background:rgba(var(--secondary-rgb),.1)}.node-icon{width:24px;height:24px;color:var(--white)}.arch-node span{color:var(--white);font-size:.875rem;font-weight:500;text-align:center;line-height:1.2}.servers-row,.guard-servers-row{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap}.server-stack{display:flex;align-items:center;gap:.25rem}.guard-icon{width:16px;height:16px;color:var(--secondary)}.flow-arrow{width:24px;height:24px;color:var(--primary);margin:.5rem 0;align-self:center}.external-services{margin-top:.5rem}.service-row{display:flex;gap:1rem;justify-content:center;align-items:center}.service-column{display:flex;flex-direction:column;gap:.5rem;align-items:center}.redis-connection,.agent-connection,.saas-connection,.waf-dependency{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:.5rem;min-width:140px;min-height:80px;text-align:center;justify-content:center}.redis-connection,.agent-connection{background:rgba(var(--secondary-rgb),.1);border:1px solid var(--secondary)}.saas-connection{background:rgba(var(--primary-rgb),.1);border:1px solid var(--primary)}.waf-dependency{background:rgba(var(--gray-rgb),.1);border:1px solid var(--gray)}.dependency-icon{width:20px;height:20px}.redis-connection .dependency-icon,.agent-connection .dependency-icon{color:var(--secondary)}.saas-connection .dependency-icon{color:var(--primary)}.waf-dependency .dependency-icon{color:var(--gray)}.redis-connection span,.agent-connection span,.saas-connection span,.waf-dependency span{color:var(--white);font-size:.875rem;font-weight:500}.characteristics-section{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:auto;align-items:start}.section-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem 1rem;border-radius:.75rem;text-align:center;border:2px solid;font-weight:600;font-size:1rem;height:100%}.waf-label{color:var(--danger);background:rgba(var(--danger-rgb),.1);border-color:var(--danger)}.guard-label{color:var(--secondary);background:rgba(var(--secondary-rgb),.1);border-color:var(--secondary)}.label-icon{width:20px;height:20px}.characteristics-row{display:flex;flex-direction:column;gap:.75rem}.characteristic-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.5rem;transition:all .3s ease;background:rgba(var(--dark-rgb),.6);border:1px solid transparent}.characteristic-item.waf-limitation{border-color:rgba(var(--danger-rgb),.3);background:rgba(var(--danger-rgb),.05)}.characteristic-item.waf-limitation:hover{background:rgba(var(--danger-rgb),.1);border-color:rgba(var(--danger-rgb),.5)}.characteristic-item.guard-advantage{border-color:rgba(var(--secondary-rgb),.3);background:rgba(var(--secondary-rgb),.05)}.characteristic-item.guard-advantage:hover{background:rgba(var(--secondary-rgb),.1);border-color:rgba(var(--secondary-rgb),.5)}.characteristic-icon{width:20px;height:20px;flex-shrink:0}.waf-limitation .characteristic-icon{color:var(--danger)}.guard-advantage .characteristic-icon{color:var(--secondary)}.characteristic-item strong{color:var(--white);font-size:.875rem;font-weight:600;margin-bottom:.125rem;display:block}.characteristic-item p{color:var(--gray-light);font-size:.75rem;margin:0;line-height:1.3}.comparison-summary{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(var(--primary-rgb),.2)}.summary-columns{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center}.summary-column{display:flex;justify-content:center}.summary-indicator{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;border-radius:.75rem;font-weight:600;font-size:1rem;transition:all .3s ease}.waf-summary .summary-indicator{background:rgba(var(--danger-rgb),.1);color:var(--danger);border:2px solid rgba(var(--danger-rgb),.3)}.guard-summary .summary-indicator{background:rgba(var(--secondary-rgb),.1);color:var(--secondary);border:2px solid rgba(var(--secondary-rgb),.3)}.summary-icon{width:24px;height:24px}.vs-divider{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:var(--gradient-primary);border-radius:50%;color:var(--white);font-weight:700;font-size:1.125rem;box-shadow:0 4px 20px rgba(var(--primary-rgb),.3)}@media (max-width: 1200px){.architecture-sections{grid-template-columns:1fr;gap:2rem}.summary-columns{grid-template-columns:1fr;gap:1rem;text-align:center}.vs-divider{order:-1;margin-bottom:1rem}}@media (max-width: 900px){.arch-node,.agent-connection,.saas-connection,.waf-dependency{min-width:130px;min-height:75px}}@media (max-width: 768px){.architecture-comparison-diagram{padding:1.5rem 1rem;min-height:500px}.architecture-flow{min-height:300px}.arch-node{min-width:120px;min-height:70px;padding:.5rem .75rem}.arch-node span{font-size:.75rem}.servers-row,.guard-servers-row{gap:.75rem}.service-column{gap:.25rem}.agent-connection,.saas-connection,.waf-dependency{min-width:120px;min-height:70px;padding:.5rem .75rem}.agent-connection span,.saas-connection span,.waf-dependency span{font-size:.75rem}.characteristics-section{display:grid;grid-template-columns:auto 1fr;gap:.75rem}.section-label{min-width:100px;padding:.75rem;font-size:.75rem}.label-icon{width:16px;height:16px}.characteristics-row{gap:.5rem}.characteristic-item{padding:.5rem .75rem}.characteristic-item strong{font-size:.8rem}.characteristic-item p{font-size:.7rem}.summary-indicator{padding:.75rem 1.5rem;font-size:.875rem}.vs-divider{width:50px;height:50px;font-size:1rem}}.attack-patterns-wrapper{position:relative;padding:2rem;overflow:visible;width:100%}.attack-patterns-diagram{position:relative;padding:4rem;background:rgba(var(--dark-rgb),.5);border-radius:1rem;border:1px solid rgba(var(--primary-rgb),.2);overflow:visible;min-height:950px;display:flex;align-items:center;justify-content:center;margin:2rem 0}.center-hub{background:var(--gradient-primary);border-radius:50%;width:120px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 10px 30px rgba(var(--primary-rgb),.3)}.hub-icon{width:40px;height:40px;color:var(--white)}.center-hub span{font-weight:600;color:var(--white);font-size:.9rem;text-align:center}.attack-branches{position:relative;width:100%;height:100%}.attack-branch{position:absolute;z-index:5}.branch-node{background:rgba(var(--dark-rgb),.9);border:2px solid var(--branch-color);border-radius:1rem;padding:1rem 1.5rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .3s ease;position:relative;z-index:5;white-space:nowrap}.attack-branch:hover .branch-node{background:var(--branch-color);transform:scale(1.1)}.branch-icon{width:24px;height:24px;color:var(--branch-color);transition:color .3s ease}.attack-branch:hover .branch-icon{color:var(--white)}.branch-node h4{margin:0;color:var(--white);font-size:1rem}.branch-patterns{position:absolute;background:var(--dark-light);border:1px solid var(--branch-color);border-radius:.75rem;padding:1rem;min-width:200px;max-width:250px;box-shadow:0 10px 30px #00000080;z-index:20;pointer-events:auto;opacity:0;transition:opacity .3s ease}.attack-branch:hover .branch-patterns{opacity:1}.branch-patterns.popup-bottom{top:100%;left:50%;transform:translate(-50%);margin-top:1rem}.branch-patterns.popup-top{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:1rem}.branch-patterns.popup-right{left:100%;top:50%;transform:translateY(-50%);margin-left:1rem}.branch-patterns.popup-left{right:100%;top:50%;transform:translateY(-50%);margin-right:1rem}.pattern-item{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;color:var(--gray-light);font-size:.875rem}.pattern-dot{width:6px;height:6px;background:var(--branch-color);border-radius:50%;flex-shrink:0}.pattern-name{white-space:nowrap}.connection-lines{overflow:visible}@media (max-width: 768px){.attack-patterns-wrapper{padding:1rem}.attack-patterns-diagram{padding:1.5rem;min-height:650px}.center-hub{width:80px;height:80px}.hub-icon{width:30px;height:30px}.center-hub span{font-size:.8rem}.branch-node{padding:.75rem 1rem}.branch-node h4{font-size:.9rem}.branch-patterns{min-width:180px;max-width:200px}}@media (max-width: 480px){.attack-patterns-wrapper{padding:.5rem}.attack-patterns-diagram{padding:1rem;min-height:500px}.center-hub{width:70px;height:70px}.hub-icon{width:24px;height:24px}.center-hub span{font-size:.7rem}.branch-node{padding:.5rem .75rem}.branch-node h4{font-size:.8rem}.branch-patterns{min-width:150px;max-width:180px}}.config-priority-diagram{position:relative;padding:3rem;background:rgba(var(--dark-rgb, 26, 27, 38),.5);border-radius:1rem;border:1px solid rgba(var(--primary-rgb, 99, 102, 241),.2);overflow:hidden;min-height:600px;display:flex;flex-direction:column}.diagram-content{display:grid;grid-template-columns:1.5fr 1fr;gap:2rem;align-items:start;width:100%}.priority-flow{display:flex;flex-direction:column;gap:1rem}.priority-level{background:rgba(var(--dark-rgb, 26, 27, 38),.8);border:2px solid var(--level-color);border-radius:1rem;padding:1.5rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;z-index:1;pointer-events:auto}.priority-level:hover:after{content:"Click to see flow";position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:.8rem;color:var(--level-color);opacity:.9;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:rgba(var(--dark-rgb, 26, 27, 38),.95);padding:.25rem .5rem;border-radius:.25rem}.priority-level:before{content:"";position:absolute;top:0;left:0;width:calc(var(--level-priority) * 25%);height:4px;background:var(--level-color)}.priority-level:hover{transform:translate(10px);background:rgba(var(--dark-light-rgb, 35, 38, 51),.9);box-shadow:0 5px 20px #0000004d}.priority-level.selected{transform:scale(1.05);box-shadow:0 10px 30px #00000080;border-width:3px}.level-header{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.level-icon{width:32px;height:32px;color:var(--level-color)}.level-info h4{margin:0 0 .25rem;color:var(--white, #ffffff);font-size:1.25rem}.level-priority{font-size:.875rem;color:var(--level-color);font-weight:600}.level-description{color:var(--gray-light, #9ca3af);margin-bottom:1rem;font-size:.95rem}.level-example{background:var(--dark, #1a1b26);padding:.75rem 1rem;border-radius:.5rem;margin-bottom:0}.level-example code{color:var(--level-color);font-family:Fira Code,monospace;font-size:.9rem}.level-features{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(var(--level-color-rgb),.3)}.feature-item{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;color:var(--gray-light, #9ca3af);font-size:.875rem}.feature-dot{width:6px;height:6px;background:var(--level-color);border-radius:50%;flex-shrink:0}.level-arrow{display:flex;align-items:center;justify-content:center;padding:.5rem;color:var(--gray, #6b7280)}.level-arrow svg{width:24px;height:24px}.priority-example{background:rgba(var(--dark-light-rgb, 35, 38, 51),.6);border:1px solid rgba(var(--primary-rgb, 99, 102, 241),.2);border-radius:1rem;padding:1.5rem;text-align:center;overflow:hidden}.priority-example h4{font-size:1.125rem;margin-bottom:1.5rem;color:var(--white, #ffffff)}.resolution-flow{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1.5rem;max-height:700px;overflow-y:auto;padding:1rem;scrollbar-width:thin;scrollbar-color:rgba(var(--primary-rgb, 99, 102, 241),.3) transparent}.resolution-flow::-webkit-scrollbar{width:6px}.resolution-flow::-webkit-scrollbar-track{background:transparent}.resolution-flow::-webkit-scrollbar-thumb{background:rgba(var(--primary-rgb, 99, 102, 241),.3);border-radius:3px}.resolution-flow::-webkit-scrollbar-thumb:hover{background:rgba(var(--primary-rgb, 99, 102, 241),.5)}.resolution-step{background:var(--dark, #1a1b26);border:1px solid rgba(var(--primary-rgb, 99, 102, 241),.3);border-radius:.75rem;padding:.75rem 1.25rem;text-align:center;transition:all .3s ease;min-width:180px}.resolution-step.highlight{background:linear-gradient(135deg,#5a67d8,#6b46c1);border:none;position:relative;box-shadow:0 4px 12px #6366f14d}.resolution-step.waiting{background:rgba(var(--dark-light-rgb, 35, 38, 51),.9);border:2px dashed rgba(var(--primary-rgb, 99, 102, 241),.6);position:relative}.resolution-step.flow-step{background:rgba(var(--dark-light-rgb, 35, 38, 51),.6);border:2px solid rgba(var(--primary-rgb, 99, 102, 241),.3);position:relative;opacity:.9}.resolution-step.flow-step .step-value{opacity:.6}.resolution-step.winning-level{background:#10b9811a;border:2px solid #10b981;position:relative;box-shadow:0 0 20px #10b9814d;transform:scale(1.05)}.resolution-step.winning-level:before{content:"✓";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#10b981;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;animation:checkBounce .5s ease-out;z-index:2}.resolution-step.clicked-level{background:rgba(var(--primary-rgb, 99, 102, 241),.08);border:2px solid rgba(var(--primary-rgb, 99, 102, 241),.6);position:relative}.wins-badge{background:#10b981;color:#fff;font-size:.65rem;padding:3px 8px;border-radius:4px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-left:.5rem;display:inline-block;vertical-align:middle;line-height:1;min-width:45px;text-align:center}.clicked-badge{background:#6366f1;color:#fff;font-size:.65rem;padding:3px 8px;border-radius:4px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-left:.5rem;display:inline-block;vertical-align:middle;line-height:1;min-width:55px;text-align:center}@keyframes checkBounce{0%{transform:translate(-50%) scale(0)}50%{transform:translate(-50%) scale(1.2)}to{transform:translate(-50%) scale(1)}}.override-indicator{position:absolute;bottom:-8px;right:10px;background:#ef4444;color:#fff;font-size:.65rem;padding:2px 6px;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;line-height:1;z-index:1}.resolution-step.endpoint{background:rgba(var(--dark-rgb, 26, 27, 38),.9);border:2px solid rgba(107,114,128,.4)}.step-label{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;color:var(--gray, #6b7280);margin-bottom:.5rem;flex-wrap:wrap}.resolution-step.highlight .step-label{color:#ffffffe6;font-weight:500}.resolution-step code{font-size:1rem;color:#6366f1;font-family:Fira Code,monospace;font-weight:500}.resolution-step.highlight code.final-value{font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);display:block;margin-top:.25rem}.active-value{font-size:1.25rem;font-weight:700;color:#10b981;display:block;margin-top:.25rem;font-family:Fira Code,monospace}.waiting-value{font-size:1.125rem;font-weight:600;color:#818cf8;font-style:italic;display:block;margin-top:.25rem;font-family:Fira Code,monospace;opacity:.9}.step-value{font-size:1.125rem;font-weight:600;color:#a5b4fc;display:block;margin-top:.25rem;font-family:Fira Code,monospace}.flow-arrow{width:20px;height:20px;color:var(--gray, #6b7280);margin:.25rem 0}.flow-arrow.final-arrow{color:var(--primary, #6366f1);font-weight:700;width:24px;height:24px;margin:.5rem 0}.resolution-note{color:var(--gray-light, #9ca3af);font-size:.875rem;font-style:italic}@media (max-width: 1200px){.config-priority-diagram{grid-template-columns:1fr;min-height:auto}.priority-example{margin-top:2rem}}@media (max-width: 768px){.config-priority-diagram{padding:1.5rem;min-height:auto}.resolution-flow{max-height:400px}.resolution-step{min-width:150px;padding:.5rem 1rem}.override-indicator{font-size:.6rem;padding:1px 4px}}.cost-comparison-charts{position:relative;padding:3rem;background:rgba(var(--dark-rgb),.5);border-radius:1rem;border:1px solid rgba(var(--primary-rgb),.2);overflow:hidden;min-height:600px}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:3rem;margin-bottom:3rem}.cost-chart{background:rgba(var(--dark-light-rgb),.3);border:1px solid rgba(var(--primary-rgb),.2);border-radius:1rem;padding:2rem;text-align:center;transition:all .3s ease}.cost-chart:hover{background:rgba(var(--dark-light-rgb),.5);box-shadow:0 0 20px rgba(var(--primary-rgb),.1)}.chart-title{color:var(--white);font-size:1.25rem;font-weight:600;margin-bottom:2rem;text-align:center}.chart-container{display:flex;flex-direction:column;align-items:center;gap:2rem}.pie-chart{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.chart-segment{cursor:pointer;transition:all .3s ease}.chart-segment:hover{filter:brightness(1.1);transform:scale(1.02)}.chart-center{stroke:rgba(var(--primary-rgb),.1);stroke-width:2}.chart-total{font-size:1.5rem;font-weight:700;fill:var(--white)}.chart-label{font-size:.875rem;fill:var(--gray-light);font-weight:500}.chart-legend{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:300px}.legend-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:rgba(var(--dark-rgb),.6);border:1px solid rgba(var(--primary-rgb),.1);border-radius:.5rem;transition:all .3s ease}.legend-item:hover{background:rgba(var(--dark-rgb),.8);border-color:rgba(var(--primary-rgb),.3);transform:translate(5px)}.legend-color{width:16px;height:16px;border-radius:3px;flex-shrink:0}.legend-details{flex:1;display:flex;flex-direction:column;gap:.25rem}.legend-category{color:var(--white);font-size:.875rem;font-weight:600}.legend-value{color:var(--gray-light);font-size:.75rem;font-weight:500}.chart-insight{margin-top:1.5rem;padding:1rem;background:rgba(var(--dark-rgb),.6);border-radius:.5rem;border:1px solid rgba(var(--primary-rgb),.1);display:flex;align-items:center;gap:.75rem}.insight-icon{width:20px;height:20px;flex-shrink:0}.insight-icon.warning{color:var(--warning)}.insight-icon.success{color:var(--secondary)}.chart-insight p{color:var(--gray-light);font-size:.875rem;margin:0;line-height:1.4}.cost-savings-highlight{background:var(--gradient-primary);border-radius:1rem;padding:3rem;text-align:center;display:flex;align-items:center;justify-content:center;gap:2rem;box-shadow:0 10px 30px rgba(var(--primary-rgb),.3)}.savings-icon{width:60px;height:60px;color:var(--white);flex-shrink:0}.savings-content{display:flex;flex-direction:column;gap:.5rem}.savings-content h3{color:var(--white);font-size:1.5rem;font-weight:600;margin:0}.savings-amount{color:var(--white);font-size:3rem;font-weight:900;line-height:1;margin:0}.savings-percentage{color:#ffffffe6;font-size:1.25rem;font-weight:600;margin:0}@media (max-width: 1200px){.charts-grid{grid-template-columns:1fr;gap:2rem}.cost-savings-highlight{flex-direction:column;gap:1.5rem;padding:2rem}.savings-icon{width:50px;height:50px}}@media (max-width: 768px){.cost-comparison-charts{padding:1.5rem;min-height:500px}.charts-grid{gap:1.5rem}.cost-chart{padding:1.5rem}.chart-title{font-size:1.125rem;margin-bottom:1.5rem}.chart-container{gap:1.5rem}.chart-legend{max-width:250px}.legend-item{padding:.5rem}.legend-category{font-size:.8rem}.legend-value{font-size:.7rem}.chart-total,.savings-content h3{font-size:1.25rem}.savings-amount{font-size:2.5rem}.savings-percentage{font-size:1.125rem}.savings-icon{width:40px;height:40px}}@media (max-width: 480px){.charts-grid{grid-template-columns:1fr}.chart-legend{max-width:100%}.legend-item{padding:.5rem;gap:.5rem}.legend-color{width:12px;height:12px}.savings-amount{font-size:2rem}}.defense-layers-diagram{position:relative;padding:3rem;background:rgba(var(--dark-rgb),.5);border-radius:1rem;border:1px solid rgba(var(--primary-rgb),.2);overflow:hidden;min-height:800px;display:flex;flex-direction:column;align-items:center;gap:1rem}.flow-start,.flow-end{display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:10}.flow-indicator-box{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:.75rem;font-weight:600;min-width:180px;justify-content:center;text-align:center;border:2px solid;background:rgba(var(--dark-rgb),.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.flow-indicator-box.incoming{border-color:var(--danger);color:var(--danger);box-shadow:0 0 20px #ef44444d}.flow-indicator-box.outgoing{border-color:var(--secondary);color:var(--secondary);box-shadow:0 0 20px #10b9814d}.flow-icon{width:20px;height:20px;flex-shrink:0}.flow-arrow{width:32px;height:32px;color:var(--primary);filter:drop-shadow(0 0 10px rgba(59,130,246,.5))}.layers-container{display:flex;flex-direction:column;gap:2rem;width:100%;max-width:900px;align-items:center}.defense-layer{position:relative;background:rgba(var(--dark-light-rgb),.3);border:2px solid var(--layer-color);border-radius:1rem;padding:2rem;transition:all .3s ease;width:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.defense-layer.active{background:rgba(var(--dark-light-rgb),.6);box-shadow:0 0 30px rgba(var(--layer-color),.4);transform:scale(1.02)}.layer-header{text-align:center;margin-bottom:1.5rem}.layer-title{color:var(--white);font-size:1.25rem;margin-bottom:.5rem;font-weight:700}.layer-description{color:var(--layer-color);font-size:.95rem;margin:0;opacity:.9;font-weight:500}.layer-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;justify-content:center;align-items:center}.layer-items:has(.layer-item:only-child){grid-template-columns:minmax(220px,300px);justify-content:center}.layer-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:rgba(var(--dark-rgb),.7);border:1px solid var(--layer-color);border-radius:.5rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);max-width:300px;width:100%}.layer-item:hover{background:rgba(var(--layer-color),.15);border-color:var(--layer-color);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--layer-color),.3)}.layer-item.active{background:rgba(var(--layer-color),.25);border-color:var(--layer-color);transform:scale(1.05)}.item-icon{width:22px;height:22px;color:var(--layer-color);flex-shrink:0}.layer-item span{color:var(--white);font-size:.9rem;font-weight:500}.layer-arrow{display:flex;flex-direction:column;align-items:center;gap:.5rem;height:60px;justify-content:center}.arrow-line{width:3px;height:20px;background:linear-gradient(to bottom,var(--primary),var(--primary-light));border-radius:2px;box-shadow:0 0 10px rgba(var(--primary-rgb),.5)}.arrow-icon{width:28px;height:28px;color:var(--primary);filter:drop-shadow(0 0 8px rgba(59,130,246,.6))}.defense-description{text-align:center;color:var(--gray-light);font-size:1rem;line-height:1.6;max-width:700px;margin:2rem auto 0;padding:1.5rem;background:rgba(var(--dark-rgb),.6);border-radius:.75rem;border:1px solid rgba(var(--primary-rgb),.2)}.defense-description strong{color:var(--primary)}.flow-annotations{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 1rem;pointer-events:none;z-index:5}.annotation{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:rgba(var(--dark-rgb),.9);border:1px solid var(--gray);border-radius:.5rem;color:var(--gray-light);font-size:.85rem;font-weight:500;max-width:200px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.annotation.left{border-color:var(--danger);color:var(--danger)}.annotation.right{border-color:var(--secondary);color:var(--secondary);flex-direction:row-reverse}.annotation-arrow{width:16px;height:16px;flex-shrink:0}.annotation-arrow.reverse{transform:rotate(180deg)}@media (max-width: 768px){.defense-layers-diagram{padding:2rem 1rem;min-height:600px}.layer-items{grid-template-columns:1fr}.flow-annotations{position:static;transform:none;flex-direction:column;gap:1rem;margin-top:2rem;pointer-events:all}.annotation{max-width:none;justify-content:center}.annotation.right{flex-direction:row}.annotation-arrow.reverse{transform:none}}.dynamic-rules-diagram{position:relative;padding:3rem;background:rgba(var(--dark-rgb),.5);border-radius:1rem;border:1px solid rgba(var(--primary-rgb),.2);overflow:hidden;min-height:560px;width:100%}.diagram-sections{position:absolute;inset:0;display:grid;grid-template-rows:150px 160px 150px;gap:1rem;padding:2rem}.diagram-section{background:rgba(var(--dark-light-rgb),.3);border:1px solid rgba(var(--primary-rgb),.1);border-radius:.75rem;padding:1rem;position:relative}.diagram-section h4{position:absolute;top:.5rem;left:1rem;font-size:.875rem;color:var(--gray);text-transform:uppercase;letter-spacing:.1em}.saas-section{border-color:#ec48994d}.guard-section{border-color:#3b82f64d}.handler-section{border-color:#10b9814d}.diagram-connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.connection-label{font-size:.75rem;fill:var(--gray)}.diagram-nodes{position:absolute;inset:0;pointer-events:none}.flow-node{position:absolute;width:80px;height:80px;background:rgba(var(--dark-rgb),.9);border:2px solid var(--node-color);border-radius:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .3s ease;pointer-events:all;z-index:10}.flow-node:hover{background:var(--node-color);box-shadow:0 0 20px var(--node-color)}.flow-node.active{transform:scale(1.1);box-shadow:0 0 30px var(--node-color)}.node-icon{width:24px;height:24px;color:var(--node-color);transition:color .3s ease}.flow-node:hover .node-icon{color:var(--white)}.node-label{font-size:.7rem;color:var(--white);text-align:center;line-height:1.2}@media (max-width: 768px){.dynamic-rules-diagram{padding:1.5rem;min-height:480px}.flow-node{width:60px;height:60px}.node-label{font-size:.6rem}}.gambling-attack-flow{position:relative;padding:3rem;background:#0f172a80;border-radius:1rem;border:1px solid rgba(139,92,246,.2);display:flex;flex-direction:column;align-items:center;min-height:1100px;overflow:auto;min-width:1400px}.gambling-attack-flow svg{max-width:100%;height:auto;display:block}.flow-stats{display:flex;gap:2rem;margin-top:2rem;z-index:10}.stat-item{text-align:center;background:#0f172acc;padding:1rem 1.5rem;border-radius:.5rem;border:1px solid rgba(148,163,184,.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.stat-number{color:var(--primary);font-size:1.5rem;font-weight:700;line-height:1;margin-bottom:.25rem}.stat-label{color:var(--gray-light);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.flow-legend{position:absolute;top:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:1rem;background:#0f172ae6;padding:1.25rem;border-radius:.5rem;border:1px solid rgba(100,116,139,.2);font-size:1rem;max-width:200px;z-index:10}@media (max-width: 768px){.gambling-attack-flow{padding:1rem;overflow-x:auto;min-width:1000px}.flow-legend{position:static;margin-top:1rem;max-width:none;flex-direction:row;justify-content:center}.flow-stats{gap:1rem}.stat-item{padding:.75rem 1rem}.stat-number{font-size:1.25rem}.stat-label{font-size:.65rem}}.redis-structure-diagram{position:relative;padding:3rem;background:rgba(var(--dark-rgb),.5);border-radius:1.5rem;border:1px solid rgba(var(--primary-rgb),.2);overflow:hidden;margin:2rem 0;box-shadow:0 10px 30px #0000004d,inset 0 1px #ffffff0d}.redis-diagram-header{text-align:center;margin-bottom:2.5rem;width:100%}.redis-diagram-header h3{font-size:1.75rem;color:var(--white);margin:0 0 1rem;font-weight:600}.redis-diagram-description{color:var(--gray-light);font-size:1rem;line-height:1.6;max-width:700px;margin:0 auto}.redis-namespace{margin-bottom:3rem}.redis-namespace-header{text-align:center;margin-bottom:2rem;padding:2rem;background:rgba(var(--dark-light-rgb),.3);border-radius:1rem;border:1px solid rgba(var(--primary-rgb),.3)}.redis-namespace-icon{width:48px;height:48px;color:var(--primary);margin:0 auto 1rem}.redis-namespace-title{color:var(--primary);font-size:1.5rem;margin:0 0 .5rem;font-family:Fira Code,monospace;font-weight:600}.redis-namespace-subtitle{color:var(--gray-light);margin:0;font-size:.95rem}.redis-keys{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-bottom:3rem}.redis-key{background:rgba(var(--dark-light-rgb),.3);border:2px solid var(--key-color);border-radius:.75rem;padding:1.5rem;cursor:pointer;transition:all .3s ease}.redis-key:hover{background:rgba(var(--key-color),.05);box-shadow:0 0 20px rgba(var(--key-color),.2)}.redis-key.active{background:rgba(var(--key-color),.1);box-shadow:0 0 30px rgba(var(--key-color),.3)}.redis-key-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.redis-key-icon{width:28px;height:28px;color:var(--key-color);flex-shrink:0}.redis-key-info{flex:1}.redis-key-info h4{color:var(--white);font-size:1rem;margin:0 0 .25rem;font-family:Fira Code,monospace}.redis-key-type{color:var(--key-color);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.redis-ttl-badge{display:inline-flex;align-items:center;gap:.25rem;margin-left:.5rem;padding:.25rem .5rem;background:rgba(var(--warning-rgb),.2);border:1px solid var(--warning);border-radius:.25rem;color:var(--warning);font-size:.625rem;font-weight:600}.redis-ttl-icon{width:12px;height:12px}.redis-key-description{color:var(--gray-light);font-size:.875rem;margin-bottom:1rem}.redis-key-example{background:rgba(var(--dark-rgb),.6);padding:1rem;border-radius:.5rem;border:1px solid rgba(var(--key-color),.3)}.redis-key-example h5{color:var(--white);font-size:.75rem;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.redis-key-example code{color:var(--key-color);font-family:Fira Code,monospace;font-size:.875rem;word-break:break-all}.redis-ttl-management{background:rgba(var(--dark-light-rgb),.3);border-radius:1rem;padding:2rem;margin-bottom:2rem;border:1px solid rgba(var(--warning-rgb),.3)}.redis-ttl-management h3{color:var(--warning);font-size:1.25rem;margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}.redis-ttl-management p{color:var(--gray-light);margin:0 0 1.5rem}.redis-ttl-keys{display:flex;flex-wrap:wrap;gap:1rem}.redis-ttl-key{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:rgba(var(--dark-rgb),.6);border:1px solid var(--key-color);border-radius:.5rem;color:var(--white);font-size:.875rem;font-family:Fira Code,monospace}.redis-ttl-key-icon{width:16px;height:16px;color:var(--key-color)}.redis-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.redis-stat-item{background:rgba(var(--dark-light-rgb),.3);border-radius:.75rem;padding:1.5rem;text-align:center;border:1px solid rgba(var(--primary-rgb),.2)}.redis-stat-item h4{color:var(--primary);font-size:1rem;margin:0 0 .5rem;font-weight:600}.redis-stat-item p{color:var(--gray-light);font-size:.875rem;margin:0}.redis-features{display:flex;justify-content:center;gap:3rem;padding:2rem;background:rgba(var(--dark-rgb),.3);border-radius:1rem;border:1px solid rgba(var(--primary-rgb),.2);margin-top:2rem}.redis-feature{display:flex;align-items:center;gap:.75rem;color:var(--white);font-size:.95rem;font-weight:500}.redis-feature-icon{width:24px;height:24px;color:var(--primary)}@media (max-width: 768px){.redis-keys{grid-template-columns:1fr}.redis-features{flex-direction:column;gap:1rem;text-align:center}.redis-feature{justify-content:center}}.request-pipeline-diagram{position:relative;padding:3rem;background:#0f172a80;border-radius:1rem;border:1px solid rgba(59,130,246,.2);display:flex;flex-direction:column;align-items:center;min-height:1400px;overflow:auto;min-width:1200px}.diagram-header{text-align:center;margin-bottom:2.5rem;width:100%}.diagram-header h3{font-size:1.75rem;color:var(--white);margin:0 0 1rem;font-weight:600}.diagram-description{color:var(--gray-light);font-size:1rem;line-height:1.6;max-width:700px;margin:0 auto}.request-pipeline-diagram svg{max-width:100%;height:auto;display:block}.pipeline-legend{position:absolute;top:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:1rem;background:#0f172ae6;padding:1.25rem;border-radius:.5rem;border:1px solid rgba(100,116,139,.2);font-size:1rem;max-width:250px}.legend-item{display:flex;align-items:center;gap:.5rem;color:#e2e8f0}.legend-dot{width:14px;height:14px;border-radius:50%;border:2px solid;flex-shrink:0}@media (max-width: 768px){.request-pipeline-diagram{padding:1rem;overflow-x:auto}.pipeline-legend{position:static;margin-top:1rem;max-width:none}}.return-analysis-diagram{position:relative;padding:3rem;background:rgba(var(--dark-rgb),.5);border-radius:1rem;border:1px solid rgba(var(--primary-rgb),.2);overflow:hidden;min-height:500px;display:flex;flex-direction:column;gap:2rem}.analysis-flow{display:flex;align-items:center;justify-content:space-between;position:relative;padding:2rem 0}.analysis-step{flex:1;text-align:center;position:relative;cursor:pointer;z-index:2}.analysis-step-icon{width:60px;height:60px;margin:0 auto 1rem;background:var(--dark-light);border:2px solid var(--gray);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative}.analysis-step-icon svg{width:28px;height:28px;color:var(--gray);transition:all .3s ease}.analysis-step.success .analysis-step-icon{background:#10b9811a;border-color:var(--secondary)}.analysis-step.success .analysis-step-icon svg{color:var(--secondary)}.analysis-step.warning .analysis-step-icon{background:#f59e0b1a;border-color:var(--warning)}.analysis-step.warning .analysis-step-icon svg{color:var(--warning)}.analysis-step.error .analysis-step-icon{background:#ef44441a;border-color:var(--danger)}.analysis-step.error .analysis-step-icon svg{color:var(--danger)}.analysis-step.processing .analysis-step-icon{background:#3b82f61a;border-color:var(--primary);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #3b82f666}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 #3b82f600}}.analysis-step.processing .analysis-step-icon svg{color:var(--primary)}.analysis-step h4{font-size:1rem;margin-bottom:.5rem;color:var(--white)}.analysis-step p{font-size:.875rem;color:var(--gray-light);max-width:150px;margin:0 auto;line-height:1.4}.analysis-step-highlight{position:absolute;inset:-5px;border:2px solid var(--primary);border-radius:1rem;background:rgba(var(--primary-rgb),.1);z-index:-1}.analysis-step-connector{position:absolute;top:30px;left:calc(50% + 30px);right:calc(-50% + 30px);height:2px;background:var(--primary);transform-origin:left;z-index:1}.analysis-details{min-height:150px;display:flex;align-items:center;justify-content:center}.analysis-detail-card{background:rgba(var(--dark-light-rgb),.6);border-radius:.75rem;padding:1.5rem;max-width:500px;width:100%}.analysis-detail-card h4{font-size:1.125rem;margin-bottom:1rem;color:var(--white)}.analysis-detail-card pre{background:var(--dark);padding:1rem;border-radius:.5rem;font-size:.875rem;color:var(--gray-light);overflow-x:auto;margin:0}.analysis-detail-card.warning{border:1px solid rgba(var(--warning-rgb),.3)}.analysis-detail-card.warning h4{color:var(--warning)}.analysis-detail-card.info{border:1px solid rgba(var(--primary-rgb),.3)}.analysis-detail-card.info h4{color:var(--primary)}.analysis-detail-card.success{border:1px solid rgba(var(--secondary-rgb),.3)}.analysis-detail-card.success h4{color:var(--secondary)}.analysis-detail-card p{color:var(--gray-light);margin-bottom:.5rem}.analysis-warning-text{color:var(--warning);font-weight:600;font-size:.9rem}.analysis-diagram-controls{display:flex;gap:1rem;justify-content:center}.analysis-control-button{padding:.75rem 1.5rem;background:rgba(var(--primary-rgb),.1);border:1px solid var(--primary);border-radius:.5rem;color:var(--primary);font-weight:600;cursor:pointer;transition:all .3s ease}.analysis-control-button:hover{background:var(--primary);color:var(--white)}@media (max-width: 1200px){.analysis-flow{flex-wrap:wrap;gap:2rem}.analysis-step{flex:0 0 calc(33.333% - 2rem)}}@media (max-width: 768px){.return-analysis-diagram{padding:1.5rem;min-height:400px}.analysis-step{flex:0 0 calc(50% - 1rem)}.analysis-step h4{font-size:.875rem}.analysis-step p{font-size:.75rem}.analysis-step-icon{width:50px;height:50px}.analysis-step-icon svg{width:24px;height:24px}}.roi-callout{background:var(--gradient-primary);border-radius:1rem;padding:2rem;text-align:center;margin-bottom:4rem;box-shadow:0 10px 30px rgba(var(--primary-rgb),.3)}.roi-headline{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.75rem}.roi-icon{width:32px;height:32px;color:var(--white)}.roi-text{font-size:1.5rem;color:var(--white);font-weight:600}.roi-subtitle{font-size:1.125rem;color:#ffffffe6}.cost-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:3rem;align-items:start}.cost-column h3{font-size:1.5rem;margin-bottom:2rem;text-align:center}.cost-breakdown{background:rgba(var(--dark-rgb),.5);border:1px solid rgba(var(--primary-rgb),.2);border-radius:1rem;padding:2rem}.cost-item{margin-bottom:1.5rem}.cost-details{display:flex;justify-content:space-between;margin-bottom:.5rem}.cost-category{color:var(--white);font-weight:500}.cost-amount{color:var(--primary);font-weight:600}.cost-bar{height:8px;background:rgba(var(--primary-rgb),.1);border-radius:4px;overflow:hidden}.cost-fill{height:100%;background:#ef4444cc;border-radius:4px}.cost-fill.guard{background:#10b981cc}.cost-total{padding-top:1.5rem;border-top:1px solid rgba(var(--primary-rgb),.2);display:flex;justify-content:space-between;align-items:center;font-size:1.125rem;font-weight:600}.total-amount{font-size:1.5rem;color:var(--primary)}.cost-charts{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:4rem}.savings-highlight{text-align:center;padding:3rem;background:var(--gradient-primary);border-radius:1rem;margin-bottom:3rem}.savings-highlight h3{font-size:1.5rem;margin-bottom:1rem;color:var(--white)}.savings-amount{font-size:4rem;font-weight:900;color:var(--white);margin-bottom:.5rem}.savings-percentage{font-size:1.25rem;color:#ffffffe6}.hidden-costs{margin-bottom:4rem}.hidden-costs h3{font-size:1.5rem;margin-bottom:2rem;text-align:center;color:var(--white)}.costs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.hidden-cost{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:1rem;padding:2rem}.hidden-cost h4{color:#ef4444;margin-bottom:1rem;font-size:1.125rem}.hidden-cost ul{list-style:none;margin:0;padding:0}.hidden-cost li{color:var(--gray-light);margin-bottom:.5rem;padding-left:1rem;position:relative}.hidden-cost li:before{content:"•";color:#ef4444;position:absolute;left:0}.guard-benefits{margin-bottom:4rem}.guard-benefits h3{font-size:1.5rem;margin-bottom:2rem;text-align:center;color:var(--white)}.benefits-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.benefit-column{background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:1rem;padding:2rem}.benefit-column h4{color:#10b981;margin-bottom:1rem;font-size:1.125rem}.benefit-column ul{list-style:none;margin:0;padding:0}.benefit-column li{color:var(--gray-light);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.check-icon{width:16px;height:16px;color:#10b981;flex-shrink:0}.roi-benefits{margin-bottom:4rem}.roi-benefits h3{font-size:1.5rem;margin-bottom:2rem;text-align:center;color:var(--white)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.benefit-card{background:rgba(var(--primary-rgb),.05);border:1px solid rgba(var(--primary-rgb),.2);border-radius:.75rem;padding:2rem;text-align:center;transition:all .3s ease}.benefit-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 10px 30px rgba(var(--primary-rgb),.2)}.benefit-card .benefit-icon{width:40px;height:40px;color:var(--primary);margin-bottom:1rem}.benefit-card h4{font-size:1.125rem;margin-bottom:.5rem;color:var(--white)}.benefit-card p{font-size:.9rem;color:var(--gray-light)}.cost-summary{text-align:center;background:rgba(var(--primary-rgb),.05);border:1px solid rgba(var(--primary-rgb),.2);border-radius:1rem;padding:3rem;max-width:800px;margin:0 auto}.summary-icon{width:50px;height:50px;color:var(--primary);margin:0 auto 1.5rem}.cost-summary h3{font-size:1.5rem;margin-bottom:1rem;color:var(--white)}.cost-summary p{color:var(--gray-light);margin-bottom:1.5rem;line-height:1.6}.cost-summary ul{list-style:none;text-align:left;max-width:600px;margin:0 auto;padding:0}.cost-summary li{color:var(--gray-light);position:relative;padding:.5rem 0 .5rem 1.5rem}.cost-summary li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}@media (max-width: 768px){.cost-comparison,.cost-charts{grid-template-columns:1fr;gap:1.5rem}.benefits-comparison,.benefits-grid{grid-template-columns:1fr}.savings-amount{font-size:3rem}.roi-text{font-size:1.25rem}.roi-headline{flex-direction:column;gap:.5rem}}.emergency-features{margin-bottom:4rem}.emergency-features-selector{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;justify-content:center}.emergency-feature-button{padding:.75rem 1.5rem;background:rgba(var(--dark-light-rgb),.6);border:2px solid transparent;border-radius:2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--gray-light)}.emergency-feature-button:hover{background:rgba(var(--dark-light-rgb),.8);border-color:var(--danger);color:var(--white)}.emergency-feature-button.active{background:var(--danger);color:var(--white);border-color:var(--danger)}.emergency-feature-button-icon{width:18px;height:18px}.emergency-feature-content{background:rgba(var(--dark-rgb),.6);border:1px solid rgba(var(--primary-rgb),.2);border-radius:1rem;padding:2rem}.emergency-feature-content h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--primary)}.emergency-feature-description{color:var(--gray-light);margin-bottom:2rem;line-height:1.6}.emergency-code-examples{display:grid;gap:1.5rem}.emergency-code-examples h4{font-size:1.125rem;margin-bottom:1rem;color:var(--white)}.emergency-cloud-intelligence-details,.emergency-provider-details,.emergency-comprehensive-patterns,.emergency-trusted-proxy-details{margin:2rem 0;padding:1.5rem;background:rgba(var(--dark-light-rgb),.4);border-radius:.75rem}.emergency-cloud-intelligence-details h4,.emergency-provider-details h4,.emergency-comprehensive-patterns h4,.emergency-trusted-proxy-details h4{font-size:1.25rem;margin-bottom:1rem;color:var(--primary)}.emergency-proxy-features{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.emergency-proxy-item h5{font-size:1rem;margin-bottom:.75rem;color:var(--white)}.emergency-proxy-item ul{list-style:none}.emergency-proxy-item li{color:var(--gray-light);padding:.25rem 0 .25rem 1rem;position:relative}.emergency-proxy-item li:before{content:"•";position:absolute;left:0;color:var(--primary)}.emergency-pattern-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1rem}.emergency-pattern-category{background:rgba(var(--dark-rgb),.6);border:1px solid rgba(var(--primary-rgb),.2);border-radius:.5rem;padding:1rem}.emergency-pattern-category h5{font-size:1rem;margin-bottom:.75rem;color:var(--white)}.emergency-pattern-category ul{list-style:none}.emergency-pattern-category li{padding:.25rem 0;color:var(--gray-light);font-size:.875rem}.emergency-crisis-workflow{margin-top:3rem}.emergency-crisis-workflow h3{font-size:1.5rem;margin-bottom:2rem;text-align:center;color:var(--white)}.emergency-workflow-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.emergency-workflow-step{padding:1.5rem;text-align:center;position:relative}.emergency-step-number{position:absolute;top:-10px;right:-10px;width:30px;height:30px;background:var(--danger);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.emergency-step-icon{width:40px;height:40px;color:var(--danger);margin:0 auto 1rem;background:transparent;padding:0;display:block;border:none;box-shadow:none}.emergency-workflow-step h4{font-size:1rem;margin-bottom:.5rem;color:var(--white)}.emergency-workflow-step p{font-size:.875rem;color:var(--gray-light)}.emergency-whitelist-features,.emergency-expiry-benefits{margin-top:1.5rem;padding:1rem;background:rgba(var(--dark-light-rgb),.4);border-radius:.5rem}.emergency-whitelist-features h4,.emergency-expiry-benefits h4{font-size:1.125rem;margin-bottom:1rem;color:var(--white)}.emergency-whitelist-features ul,.emergency-expiry-benefits ul{list-style:none}.emergency-whitelist-features li,.emergency-expiry-benefits li{color:var(--gray-light);padding:.5rem 0 .5rem 1.5rem;position:relative}.emergency-whitelist-features li:before,.emergency-expiry-benefits li:before{content:"✓";position:absolute;left:0;color:var(--success)}.emergency-integration-example{margin-top:3rem}.emergency-integration-example h3{font-size:1.5rem;margin-bottom:1rem;color:var(--white)}@media (max-width: 768px){.emergency-features-selector{flex-direction:column;gap:.5rem}.emergency-feature-button{width:100%;justify-content:center}.emergency-proxy-features,.emergency-workflow-steps,.emergency-pattern-details{grid-template-columns:1fr}}.feature-showcase{background:rgba(var(--dark-rgb),.5);border-radius:1rem;padding:2rem;border:1px solid rgba(var(--primary-rgb),.1)}.feature-tabs{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;justify-content:center}.feature-tab{padding:.75rem 1.5rem;background:rgba(var(--primary-rgb),.1);border:1px solid rgba(var(--primary-rgb),.3);border-radius:2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--gray-light)}.feature-tab:hover{background:rgba(var(--primary-rgb),.2);color:var(--white)}.feature-tab.active{background:var(--gradient-primary);color:var(--white);border-color:transparent}.feature-tab-icon{width:18px;height:18px}.feature-details{padding:2rem}.feature-content h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--primary)}.feature-description{color:var(--gray-light);margin-bottom:2rem;line-height:1.6}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem;align-items:start}.feature-item h4{font-size:1.125rem;margin-bottom:1rem;color:var(--white);margin-left:8rem}.feature-item ul{list-style:none;margin-left:8rem}.feature-item li{color:var(--gray-light);position:relative;padding:.5rem 0 .5rem 1.5rem}.feature-item li:before{content:"•";position:absolute;left:0;color:var(--primary)}.feature-code-example h4{font-size:1.125rem;margin-bottom:1rem;color:var(--white)}.feature-highlights{display:grid;gap:1rem;margin-bottom:2rem}.feature-highlight-card{display:flex;align-items:start;gap:1rem;padding:1rem;background:rgba(var(--primary-rgb),.05);border-radius:.5rem}.feature-highlight-icon{width:24px;height:24px;color:var(--secondary);flex-shrink:0;margin-top:.25rem}.feature-highlight-card h4{font-size:1rem;margin-bottom:.25rem;color:var(--white)}.feature-highlight-card p{font-size:.9rem;color:var(--gray-light)}.feature-algorithm-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.feature-benefit{text-align:center}.feature-benefit-icon{width:40px;height:40px;color:var(--primary);margin-bottom:.75rem}.feature-benefit h4{font-size:1rem;margin-bottom:.5rem;color:var(--white)}.feature-benefit p{font-size:.9rem;color:var(--gray-light)}.feature-behavioral-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.feature-behavior-card{background:rgba(var(--primary-rgb),.05);padding:1.5rem;border-radius:.75rem;text-align:center}.feature-behavior-card h4{font-size:1.125rem;margin-bottom:.75rem;color:var(--white)}.feature-behavior-card p{font-size:.9rem;color:var(--gray-light);line-height:1.5}.feature-attack-patterns-mindmap{margin:2rem 0;width:100%;overflow-x:auto}.feature-pattern-categories{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.feature-category-card{background:rgba(var(--dark-light-rgb),.4);border:1px solid rgba(var(--primary-rgb),.2);border-radius:.75rem;padding:1.5rem}.feature-category-card h4{font-size:1.125rem;margin-bottom:1rem;color:var(--white)}.feature-category-card ul{list-style:none}.feature-category-card li{color:var(--gray-light);padding:.25rem 0 .25rem 1rem;position:relative}.feature-category-card li:before{content:"•";position:absolute;left:0;color:var(--primary)}.feature-comprehensive-patterns{margin-bottom:2rem}.feature-comprehensive-patterns h4{font-size:1.25rem;margin-bottom:1rem;color:var(--primary)}.feature-pattern-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1rem}.feature-pattern-category{background:rgba(var(--dark-rgb),.6);border:1px solid rgba(var(--primary-rgb),.2);border-radius:.5rem;padding:1rem}.feature-pattern-category h5{font-size:1rem;margin-bottom:.75rem;color:var(--white)}.feature-pattern-category ul{list-style:none}.feature-pattern-category li{padding:.25rem 0;color:var(--gray-light);font-size:.875rem}.feature-provider-details,.feature-cloud-intelligence-details{margin:2rem 0;padding:1.5rem;background:rgba(var(--dark-light-rgb),.4);border-radius:.75rem}.feature-provider-details h4,.feature-cloud-intelligence-details h4{font-size:1.25rem;margin-bottom:1rem;color:var(--primary)}.feature-provider-details ul,.feature-cloud-intelligence-details ul{list-style:none}.feature-provider-details li,.feature-cloud-intelligence-details li{color:var(--gray-light);padding:.5rem 0 .5rem 1.5rem;position:relative}.feature-provider-details li:before,.feature-cloud-intelligence-details li:before{content:"✓";position:absolute;left:0;color:var(--success)}.feature-return-analysis-flow,.feature-priority-flow{margin:2rem 0;padding:1.5rem;background:rgba(var(--dark-light-rgb),.4);border-radius:.75rem}.feature-return-analysis-flow h4,.feature-priority-flow h4{font-size:1.25rem;margin-bottom:1rem;color:var(--white)}.feature-advanced-features{margin-top:3rem}.feature-advanced-features h3{font-size:1.5rem;margin-bottom:2rem;text-align:center}.feature-advanced-features .feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.feature-advanced-features .feature-card{background:rgba(var(--dark-rgb),.5);border:1px solid rgba(var(--primary-rgb),.2);border-radius:1rem;padding:1.5rem}.feature-advanced-features .feature-card h4{font-size:1.125rem;margin-bottom:1rem;color:var(--primary)}.feature-testing-workflow{margin-top:2rem;padding:1.5rem;background:rgba(var(--dark-light-rgb),.4);border-radius:.75rem}.feature-testing-workflow h4{font-size:1.125rem;margin-bottom:1rem;color:var(--white)}.feature-testing-workflow ol{list-style:decimal;padding-left:1.5rem}.feature-testing-workflow li{padding:.5rem 0;color:var(--gray-light)}.feature-exclusion-reasons{margin-bottom:2rem}.feature-reason-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.feature-reason-card{text-align:center;padding:1.5rem;background:rgba(var(--dark-light-rgb),.4);border-radius:.75rem}.feature-reason-icon{width:40px;height:40px;color:var(--primary);margin:0 auto 1rem}.feature-reason-card h5{font-size:1rem;margin-bottom:.5rem;color:var(--white)}.feature-reason-card p{font-size:.875rem;color:var(--gray-light)}.feature-exclusion-warning{display:flex;align-items:start;gap:1rem;padding:1.5rem;background:rgba(var(--danger-rgb),.1);border:1px solid rgba(var(--danger-rgb),.3);border-radius:.75rem;margin-top:2rem}.feature-warning-icon{width:24px;height:24px;color:var(--danger);flex-shrink:0;margin-top:.25rem}.feature-exclusion-warning h4{font-size:1.125rem;margin-bottom:.5rem;color:var(--danger)}.feature-exclusion-warning p{color:var(--gray-light);line-height:1.6}@media (max-width: 768px){.feature-tabs{flex-direction:column;gap:.5rem}.feature-tab{width:100%;justify-content:center}.feature-grid{grid-template-columns:1fr;gap:1rem}.feature-algorithm-benefits,.feature-behavioral-features,.feature-pattern-categories,.feature-pattern-details,.feature-reason-grid,.feature-advanced-features .feature-grid{grid-template-columns:1fr}}span[style*="@"],.token.decorator{display:inline-block!important;word-break:normal!important;overflow-wrap:normal!important;border:none!important;background:none!important;padding:0!important;color:var(--white)!important}.feature-dynamic-rules-layout{display:flex;gap:1.5rem;align-items:flex-start;margin:2rem 0}.feature-dynamic-rules-layout .diagram-container{flex:0 0 58%;min-width:0}.feature-dynamic-rules-layout .feature-highlights-sidebar{flex:1;display:flex;flex-direction:column;gap:1rem}.feature-highlights-sidebar .feature-highlight-card{padding:2rem;background:rgba(var(--dark-light-rgb),.5);border:1px solid rgba(var(--primary-rgb),.2);border-radius:.75rem;display:flex;align-items:flex-start;gap:1.5rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-highlights-sidebar .feature-highlight-card:hover{border-color:rgba(var(--primary-rgb),.5);transform:translateY(-2px);box-shadow:0 4px 20px rgba(var(--primary-rgb),.1);background:rgba(var(--dark-light-rgb),.7)}.feature-highlights-sidebar .feature-highlight-icon{width:32px;height:32px;color:var(--primary);flex-shrink:0;margin-top:.125rem}.feature-highlights-sidebar .feature-highlight-card>div{flex:1;min-width:0}.feature-highlights-sidebar .feature-highlight-card h4{font-size:1.125rem;color:var(--white);margin-bottom:.625rem;font-weight:600;letter-spacing:-.02em}.feature-highlights-sidebar .feature-highlight-card p{font-size:.95rem;color:var(--gray);line-height:1.65;margin:0}@media (max-width: 1400px){.feature-dynamic-rules-layout .diagram-container{flex:0 0 55%}}@media (max-width: 1200px){.feature-dynamic-rules-layout{flex-direction:column}.feature-dynamic-rules-layout .diagram-container{flex:1;width:100%}.feature-dynamic-rules-layout .feature-highlights-sidebar{width:100%;flex-direction:row;gap:1rem}.feature-highlights-sidebar .feature-highlight-card{flex:1}}@media (max-width: 768px){.feature-dynamic-rules-layout .feature-highlights-sidebar{flex-direction:column}}.integration-feature-description{color:var(--gray-light);margin-bottom:2rem;line-height:1.6}.integration-code-example{margin:2rem 0}.integration-code-example h4{font-size:1.125rem;margin-bottom:1rem;color:var(--white)}.integration-section,.integration-deployment-section,.integration-environment-section,.integration-production-checklist,.integration-k8s-section{margin-bottom:4rem}.integration-section h3,.integration-deployment-section h3,.integration-environment-section h3,.integration-production-checklist h3,.integration-k8s-section h3{font-size:1.5rem;margin-bottom:1rem;color:var(--white)}.integration-deployment-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.integration-deployment-card{background:rgba(var(--dark-rgb),.6);border:1px solid rgba(var(--primary-rgb),.2);border-radius:1rem;padding:1.5rem}.integration-deployment-card h4{font-size:1.125rem;margin-bottom:1rem;color:var(--white)}.integration-env-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.integration-env-category{padding:1.5rem}.integration-category-icon{width:32px;height:32px;color:var(--primary);margin-bottom:1rem}.integration-env-category h4{font-size:1.125rem;margin-bottom:1rem;color:var(--white)}.integration-checklist-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.integration-checklist-item{display:flex;align-items:start;gap:1rem;padding:1rem;background:rgba(var(--dark-light-rgb),.4);border:1px solid rgba(var(--primary-rgb),.2);border-radius:.75rem}.integration-check-icon{width:24px;height:24px;color:var(--success);flex-shrink:0;margin-top:.25rem}.integration-checklist-item h4{font-size:1rem;margin-bottom:.25rem;color:var(--white)}.integration-checklist-item p{font-size:.9rem;color:var(--gray-light)}@media (max-width: 1200px){.integration-deployment-grid{grid-template-columns:1fr}}@media (max-width: 768px){.integration-deployment-grid,.integration-env-categories,.integration-checklist-grid{grid-template-columns:1fr}}.performance-metrics{margin-bottom:4rem}.performance-metrics h3{font-size:1.5rem;margin-bottom:2rem;text-align:center;color:var(--white)}.performance-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.performance-metric-card{background:rgba(var(--dark-light-rgb),.6);border:1px solid rgba(var(--primary-rgb),.2);border-radius:1rem;padding:2rem;text-align:center;transition:all .3s ease}.performance-metric-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 10px 30px rgba(var(--primary-rgb),.2)}.performance-metric-icon{width:32px;height:32px;color:var(--primary);margin:0 auto 1rem}.performance-metric-value{font-size:2rem;font-weight:700;color:var(--white);margin-bottom:.5rem}.performance-metric-label{font-size:1rem;font-weight:600;color:var(--primary);margin-bottom:.5rem}.performance-metric-description{font-size:.875rem;color:var(--gray-light)}.performance-optimizations{margin-bottom:4rem}.performance-optimizations h3{font-size:1.5rem;margin-bottom:2rem;text-align:center;color:var(--white)}.performance-optimization-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.performance-optimization-card{background:rgba(var(--dark-rgb),.5);border:1px solid rgba(var(--primary-rgb),.2);border-radius:.75rem;padding:1.5rem;text-align:center}.performance-optimization-icon{width:32px;height:32px;color:var(--primary);margin:0 auto 1rem}.performance-optimization-card h4{font-size:1.125rem;margin-bottom:.75rem;color:var(--white)}.performance-optimization-card p{font-size:.9rem;color:var(--gray-light);line-height:1.6}.performance-scalability-features{margin-bottom:4rem}.performance-scalability-features h3{font-size:1.5rem;margin-bottom:2rem;color:var(--white)}.performance-scale-points{display:grid;gap:1.5rem}.performance-scale-item{background:rgba(var(--dark-light-rgb),.4);border:1px solid rgba(var(--primary-rgb),.2);border-radius:.75rem;padding:1.5rem;display:flex;align-items:flex-start;gap:1rem}.performance-scale-icon{width:24px;height:24px;color:var(--primary);flex-shrink:0;margin-top:.25rem}.performance-scale-item h4{font-size:1.125rem;margin-bottom:.5rem;color:var(--white)}.performance-scale-item p{font-size:.9rem;color:var(--gray-light);line-height:1.6}.performance-summary{margin-top:4rem}.performance-summary-card{background:rgba(var(--primary-rgb),.05);border:1px solid rgba(var(--primary-rgb),.2);border-radius:1rem;padding:2rem;max-width:800px;margin:0 auto}.performance-summary-icon{width:50px;height:50px;color:var(--primary);margin:0 auto 1.5rem}.performance-summary-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--white)}.performance-summary-card p{color:var(--gray-light);margin-bottom:1.5rem;line-height:1.6}.performance-summary-card ul{list-style:none;text-align:left;max-width:600px;margin:0 auto}.performance-summary-card li{color:var(--gray-light);position:relative;padding:.5rem 0 .5rem 1.5rem}.performance-summary-card li:before{content:"✓";position:absolute;left:0;color:var(--secondary);font-weight:700}@media (max-width: 1200px){.performance-optimization-grid{grid-template-columns:1fr}}@media (max-width: 768px){.performance-metrics-grid{grid-template-columns:1fr 1fr;gap:1rem}.performance-optimization-grid{grid-template-columns:1fr}}.scenarios-container{display:grid;gap:3rem;margin-bottom:4rem}.scenario-card{background:rgba(var(--dark-light-rgb),.6);border:1px solid rgba(var(--primary-rgb),.2);border-radius:1rem;padding:2rem;position:relative}.scenario-icon{width:48px;height:48px;color:var(--primary);margin-bottom:1rem}.scenario-description{color:var(--gray-light);margin-bottom:2rem;line-height:1.6}.scenario-attack-protection{display:grid;gap:2rem}.scenario-attack-pattern{background:rgba(var(--danger-rgb),.1);border:1px solid rgba(var(--danger-rgb),.3);border-radius:.75rem;padding:1.5rem}.scenario-attack-pattern h4{color:var(--danger);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.scenario-attack-pattern ol{list-style:decimal;margin-left:1.5rem}.scenario-attack-pattern li{margin-bottom:.5rem;color:var(--gray-light)}.scenario-attack-diagram{background:rgba(var(--dark-light-rgb),.4);border:1px solid rgba(var(--primary-rgb),.2);border-radius:.75rem;padding:0;margin:1rem 0;overflow-x:auto}.scenario-attack-diagram h4{margin-bottom:0;color:var(--white);padding:1rem 1rem 0;font-size:1.25rem}.scenario-protection-code{background:rgba(var(--dark-rgb),.8);border:1px solid rgba(var(--success-rgb),.3);border-radius:.75rem;padding:1.5rem}.scenario-protection-code h4{color:var(--success);margin-bottom:1rem}.scenario-benefits{margin-top:4rem;text-align:center}.scenario-benefits-icon{width:48px;height:48px;color:var(--primary);margin:0 auto 1.5rem}.scenario-benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.scenario-benefit-item{background:rgba(var(--dark-light-rgb),.4);border:1px solid rgba(var(--primary-rgb),.2);border-radius:.75rem;padding:1.5rem;text-align:left}.scenario-benefit-item h4{color:var(--white);margin-bottom:.75rem}.scenario-benefit-item p{color:var(--gray-light);line-height:1.6}.security-gaps-grid{display:grid;gap:2rem}.security-gap-summary{text-align:center;margin-top:3rem}.security-summary-card{background:rgba(var(--primary-rgb),.05);border:1px solid rgba(var(--primary-rgb),.2);border-radius:1rem;padding:2rem;max-width:800px;margin:0 auto}.security-summary-icon{width:50px;height:50px;color:var(--primary);margin:0 auto 1.5rem}.security-summary-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--white)}.security-summary-card p{color:var(--gray-light);margin-bottom:1.5rem;line-height:1.6}.security-summary-card ul{list-style:none;text-align:left;max-width:600px;margin:0 auto}.security-summary-card li{color:var(--gray-light);position:relative;padding:.5rem 0 .5rem 1.5rem}.security-summary-card li:before{content:"✓";position:absolute;left:0;color:var(--secondary);font-weight:700}.security-gap-card{background:rgba(var(--dark-light-rgb),.5);border:1px solid rgba(var(--primary-rgb),.2);border-radius:1rem;padding:2rem}.security-gap-card h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--primary)}.security-gap-comparison{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.security-waf-issue,.security-guard-solution{display:flex;align-items:start;gap:1rem;padding:1rem;border-radius:.5rem}.security-waf-issue{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.security-guard-solution{background:#10b9811a;border:1px solid rgba(16,185,129,.3)}.security-issue-icon{width:24px;height:24px;color:var(--danger);flex-shrink:0;margin-top:.25rem}.security-solution-icon{width:24px;height:24px;color:var(--secondary);flex-shrink:0;margin-top:.25rem}.security-gap-example h4{font-size:1.125rem;margin-bottom:1rem;color:var(--white)}@media (max-width: 768px){.security-gap-comparison{grid-template-columns:1fr;gap:1rem}}.tech-dive-pipeline-section,.tech-dive-redis-architecture,.tech-dive-configuration-hierarchy{margin-bottom:3rem}.tech-dive-integration-example{margin-top:3rem}.tech-dive-integration-example h3{font-size:1.5rem;margin-bottom:2rem;color:var(--white)}.telemetry-feature-description{color:var(--gray-light);margin-bottom:2rem;line-height:1.6}.telemetry-section,.telemetry-metrics-section,.telemetry-agent-section,.telemetry-transmission-section{margin-bottom:4rem}.telemetry-section h3,.telemetry-metrics-section h3,.telemetry-agent-section h3,.telemetry-transmission-section h3{font-size:1.5rem;margin-bottom:1rem;color:var(--white)}.telemetry-event-types{margin-bottom:3rem}.telemetry-event-selector{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;justify-content:center}.telemetry-event-tab{padding:.75rem 1.5rem;background:rgba(var(--dark-light-rgb),.6);border:2px solid transparent;border-radius:2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--gray-light)}.telemetry-event-tab:hover{background:rgba(var(--dark-light-rgb),.8);border-color:var(--event-color);color:var(--white)}.telemetry-event-tab.active{background:var(--event-color);color:var(--white);border-color:var(--event-color)}.telemetry-event-icon{width:18px;height:18px}.telemetry-event-details{background:rgba(var(--dark-rgb),.6);border:1px solid rgba(var(--primary-rgb),.2);border-radius:1rem;padding:2rem}.telemetry-event-details h4{font-size:1.25rem;margin-bottom:1rem;color:var(--white)}.telemetry-event-details p{color:var(--gray-light);margin-bottom:1.5rem;line-height:1.6}.telemetry-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.telemetry-metric-card{text-align:center;padding:1.5rem}.telemetry-metric-icon{width:40px;height:40px;color:var(--primary);margin:0 auto 1rem}.telemetry-metric-value{font-size:2rem;font-weight:700;color:var(--white);margin-bottom:.5rem;font-family:Fira Code,monospace}.telemetry-metric-unit{font-size:.75rem;color:var(--gray);margin-left:.5rem}.telemetry-metric-label{font-size:1rem;color:var(--gray-light);margin-bottom:1rem}.telemetry-metric-code{margin-top:1rem}.telemetry-agent-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.telemetry-benefit-card{text-align:center;padding:1.5rem}.telemetry-benefit-icon{width:40px;height:40px;color:var(--primary);margin:0 auto 1rem}.telemetry-benefit-card h4{font-size:1.125rem;margin-bottom:.75rem;color:var(--white)}.telemetry-benefit-card p{color:var(--gray-light);line-height:1.6}.telemetry-transmission-features{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.telemetry-transmission-card{background:rgba(var(--dark-light-rgb),.6);border:1px solid rgba(var(--primary-rgb),.2);border-radius:1rem;padding:2rem}.telemetry-transmission-card h4{font-size:1.125rem;margin-bottom:1rem;color:var(--white)}.telemetry-transmission-card ul{list-style:none}.telemetry-transmission-card li{color:var(--gray-light);padding:.5rem 0 .5rem 1.5rem;position:relative}.telemetry-transmission-card li:before{content:"•";position:absolute;left:0;color:var(--primary)}.telemetry-code-example{margin-top:2rem}.telemetry-code-example h4{font-size:1.125rem;margin-bottom:1rem;color:var(--white)}@media (max-width: 768px){.telemetry-event-selector{flex-direction:column;align-items:center}.telemetry-event-tab{width:100%;max-width:300px;justify-content:center}.telemetry-metrics-grid,.telemetry-transmission-features,.telemetry-agent-benefits{grid-template-columns:1fr}}.star-border-container{display:inline-flex;align-items:center;position:relative;border-radius:.5rem;overflow:hidden;cursor:pointer;transition:all .3s ease}.star-border-container:hover{transform:translateY(-2px)}.border-gradient-bottom{position:absolute;width:300%;height:60%;opacity:1;bottom:-15px;right:-250%;border-radius:50%;animation:star-movement-bottom linear infinite alternate;z-index:0;filter:blur(2px)}.border-gradient-top{position:absolute;opacity:1;width:300%;height:60%;top:-15px;left:-250%;border-radius:50%;animation:star-movement-top linear infinite alternate;z-index:0;filter:blur(2px)}.inner-content{position:relative;border:none;background:var(--gradient-primary);color:var(--white);font-size:1rem;font-weight:600;text-align:center;padding:.75rem 2rem;border-radius:.5rem;z-index:1;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.star-border-container .inner-content{box-shadow:0 0 20px rgba(var(--primary-rgb),.3)}.star-border-container:hover .inner-content{box-shadow:0 4px 25px rgba(var(--primary-rgb),.5)}.star-border-container.secondary .inner-content{background:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--primary);color:var(--primary)}@keyframes star-movement-bottom{0%{transform:translate(0);opacity:.8}to{transform:translate(-100%);opacity:.2}}@keyframes star-movement-top{0%{transform:translate(0);opacity:.8}to{transform:translate(100%);opacity:.2}}.glare-hover{width:var(--gh-width);height:var(--gh-height);background:var(--gh-bg);border-radius:var(--gh-br);border:2px solid var(--gh-border);overflow:hidden;position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.glare-hover:before{content:"";position:absolute;inset:0;background:linear-gradient(var(--gh-angle),hsla(0,0%,0%,0) 60%,var(--gh-rgba) 70%,hsla(0,0%,0%,0),hsla(0,0%,0%,0) 100%);transition:var(--gh-duration) ease;background-size:var(--gh-size) var(--gh-size),100% 100%;background-repeat:no-repeat;background-position:-100% -100%,0 0}.glare-hover:hover{transform:scale(1.05)}.glare-hover:hover:before{background-position:100% 100%,0 0}.glare-hover--play-once:before{transition:none}.glare-hover--play-once:hover:before{transition:var(--gh-duration) ease;background-position:100% 100%,0 0}.glare-hover>*{position:relative;z-index:1}@keyframes metallic-shimmer{0%{background-position:200% center}to{background-position:-200% center}}.metallic-text{display:inline-block;background:linear-gradient(105deg,#2a2a2a,#4a4a4a,#fff,#e0e0e0,#fff 60%,#4a4a4a 85%,#2a2a2a);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent;animation:metallic-shimmer 8s ease-in-out infinite;font-weight:700;position:relative;filter:contrast(1.2) brightness(1.1);text-shadow:0 0 30px rgba(255,255,255,.1)}.metallic-text:before{content:attr(data-text);position:absolute;top:0;left:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.6) 50%,transparent 70%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent;animation:metallic-shimmer 8s ease-in-out infinite;animation-delay:.3s;pointer-events:none;opacity:.5}.paint-container{display:block;height:100%;width:100%;object-fit:contain}.security-list-container{position:relative;width:100%;height:100%;background:#1e293b4d;border-radius:1rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.1);overflow:hidden}.security-list{height:420px;overflow-y:auto;padding:.5rem}.security-list::-webkit-scrollbar{width:6px}.security-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.security-list::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:3px}.security-list::-webkit-scrollbar-thumb:hover{background:#6366f180}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.security-item{padding:.75rem 1rem;background-color:#0f172a66;border-radius:.5rem;margin-bottom:.5rem;transition:all .2s ease;position:relative;overflow:hidden;border-left:2px solid transparent}.security-item:hover{background-color:#3b82f60d;transform:translate(2px)}.security-item.selected{background-color:#6366f126;box-shadow:0 0 0 1px #6366f14d}.security-item-header{display:flex;justify-content:space-between;align-items:center}.security-icon{display:none}.security-timestamp{font-size:.625rem;color:#94a3b899;font-family:monospace}.security-message{color:#e2e8f0cc;margin:0;font-size:.7rem;line-height:1.3;word-break:break-word;font-family:monospace;flex:1}.security-meta{display:none}.security-top-gradient{position:absolute;top:0;left:0;right:0;height:20px;background:linear-gradient(to bottom,rgba(15,23,42,.8),transparent);pointer-events:none;transition:opacity .3s ease}.security-bottom-gradient{position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to top,rgba(15,23,42,.8),transparent);pointer-events:none;transition:opacity .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.security-item:first-child{animation:slideIn .3s ease-out}.security-item[data-severity=high]{border-left-color:#ef444499}.security-item[data-severity=medium]{border-left-color:#f59e0b99}.security-item[data-severity=low]{border-left-color:#3b82f699}.particles-container{width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:none;z-index:1}.particles-container canvas{width:100%;height:100%;display:block}.waitlist-form{width:100%;max-width:600px;margin:0 auto}.waitlist-input-wrapper{display:flex;gap:.5rem;align-items:stretch;background:rgba(var(--white-rgb),.06);border:1px solid rgba(var(--white-rgb),.12);border-radius:16px;padding:.75rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:all .3s cubic-bezier(.4,0,.2,1)}.waitlist-input-wrapper:hover{border-color:rgba(var(--primary-rgb),.25);background:rgba(var(--white-rgb),.08);transform:translateY(-1px)}.waitlist-input-wrapper:focus-within{border-color:rgba(var(--primary-rgb),.4);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.08);transform:translateY(-1px)}.waitlist-input{flex:1;background:transparent;border:none;outline:none;padding:.875rem 1rem;font-size:.95rem;color:var(--white);transition:all .2s ease;min-width:0}.waitlist-input::placeholder{color:rgba(var(--white-rgb),.45);font-weight:400}.waitlist-input:disabled{opacity:.5;cursor:not-allowed}.waitlist-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.75rem;background:var(--gradient-primary);color:var(--white);border:none;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;min-width:140px;flex-shrink:0}.waitlist-button:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-dark),#1d4ed8);box-shadow:0 8px 25px rgba(var(--primary-rgb),.25);transform:translateY(-2px)}.waitlist-button:active:not(:disabled){transform:translateY(0)}.waitlist-button:disabled{cursor:not-allowed;opacity:.7}.waitlist-button.success{background:var(--gradient-secondary)}.waitlist-button .button-content{display:flex;align-items:center;gap:.5rem}.waitlist-button .icon{width:18px;height:18px}.waitlist-button .icon.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.waitlist-message{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.875rem 1rem;border-radius:12px;font-size:.9rem;overflow:hidden;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.waitlist-message.success{background:rgba(var(--secondary-rgb),.1);color:var(--secondary);border:1px solid rgba(var(--secondary-rgb),.25)}.waitlist-message.error{background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.25)}.waitlist-message .message-icon{width:16px;height:16px;flex-shrink:0}.hero-waitlist{margin-top:2rem}.hero-waitlist .waitlist-input-wrapper{background:rgba(var(--white-rgb),.95);border:2px solid rgba(var(--primary-rgb),.1);box-shadow:0 4px 20px #0000001a}.hero-waitlist .waitlist-input{color:var(--dark)}.hero-waitlist .waitlist-input::placeholder{color:#00000080}.hero-waitlist .waitlist-input-wrapper:hover{border-color:rgba(var(--primary-rgb),.2)}.hero-waitlist .waitlist-input-wrapper:focus-within{border-color:rgba(var(--primary-rgb),.3)}.pricing-waitlist{margin-top:1.5rem}.pricing-waitlist .waitlist-form{max-width:600px}.modal-waitlist .waitlist-input-wrapper{background:rgba(var(--white-rgb),.08);border-width:2px}@media (max-width: 768px){.waitlist-form{max-width:100%}.waitlist-input-wrapper{gap:.5rem;padding:.75rem}.waitlist-input{font-size:.9rem;padding:.75rem .875rem}.waitlist-button{padding:.75rem 1.5rem;font-size:.9rem;min-width:120px}}@media (max-width: 640px){.waitlist-input-wrapper{flex-direction:column;gap:.75rem;padding:1rem}.waitlist-input{width:100%;text-align:center;padding:1rem}.waitlist-button{width:100%;justify-content:center;min-width:unset}}.why-fastapi-guard-page{min-height:100vh;background:var(--dark);color:var(--white);position:relative;overflow-x:hidden;padding-top:80px;width:100%;max-width:100vw}.why-particles{position:absolute;inset:0;pointer-events:none;z-index:0}.why-sidebar{position:fixed;left:2rem;bottom:25%;transform:translateY(-50%);width:220px;max-height:70vh;overflow-y:auto;background:rgba(var(--dark-light-rgb),.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(var(--primary-rgb),.2);border-radius:1rem;padding:1.5rem;z-index:100}.why-sidebar h3{font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gray-light);margin-bottom:1rem}.why-sidebar ul{list-style:none;padding:0;margin:0}.why-sidebar li{padding:.75rem 1rem;margin:.25rem 0;border-radius:.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:var(--gray-light);line-height:1.3}.why-sidebar li:hover{background:rgba(var(--primary-rgb),.1);color:var(--white)}.why-sidebar li.active{background:var(--gradient-primary);color:var(--white)}.why-sidebar .nav-icon{width:18px;height:18px;flex-shrink:0}.why-content{margin-left:280px;padding:0 2rem 4rem;max-width:calc(100% - 320px);position:relative;z-index:1}.why-hero{min-height:auto;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem 0 1rem;margin-top:2rem}.why-hero-title{font-size:4rem;font-weight:900;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.vs-text{font-size:2rem;color:var(--gray);font-weight:400}.why-hero-subtitle{font-size:2rem;color:var(--gray-light);max-width:fit-content;margin:0 auto 1rem;line-height:1.6}.why-hero .hero-visual{height:auto;margin-top:2rem;margin-bottom:2rem}.why-section{padding:4rem 0;position:relative}.why-section.dark-section{background:var(--dark-light);margin:2rem -2rem;padding:3rem 2rem;border-radius:1rem}.section-title{font-size:3rem;font-weight:800;margin-bottom:3rem;display:flex;align-items:center;gap:1rem}.section-icon{width:40px;height:40px;color:var(--primary)}.section-description{font-size:1.25rem;line-height:1.8;color:var(--gray-light);margin-bottom:3rem;text-align:center;max-width:750px}.summary-intro{margin-bottom:3rem}.lead-text{font-size:1.25rem;line-height:1.8;color:var(--white);margin-bottom:1.5rem}.lead-text .highlight{color:var(--primary);font-weight:600}.differentiators-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.differentiator-card{padding:2rem;text-align:center}.differentiator-card .card-icon{width:50px;height:50px;color:var(--primary);margin-bottom:1rem}.differentiator-card h3{font-size:1.25rem;margin-bottom:.75rem;color:var(--white)}.differentiator-card p{color:var(--gray-light);line-height:1.6}.problem-statement{text-align:center;margin-bottom:3rem}.comparison-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem;align-items:start}.comparison-column h3{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:1.5rem}.column-icon{width:28px;height:28px}.comparison-item{padding:1.5rem;margin-bottom:1rem;border-radius:.75rem;transition:all .3s ease}.comparison-item.problem{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.comparison-item.solution{background:#10b9811a;border:1px solid rgba(16,185,129,.3)}.comparison-item h4{font-size:1.125rem;margin-bottom:.5rem;color:var(--white)}.comparison-item p{color:var(--gray-light);line-height:1.5}.architecture-comparison{margin-top:3rem;width:100%;overflow-x:auto}.architecture-comparison h3{font-size:1.5rem;margin-bottom:2rem;text-align:center}.architecture-comparison>div{min-width:600px;margin:0 auto}.architecture-intro{text-align:center;margin-bottom:3rem}.defense-diagram{margin-bottom:3rem;width:100%;overflow-x:auto}.defense-diagram h3{font-size:1.5rem;margin-bottom:2rem;text-align:center}.defense-diagram>div{min-width:600px;margin:0 auto}.core-components h3{font-size:1.5rem;margin-bottom:2rem;text-align:center}.components-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.component-card{padding:2rem;text-align:center}.component-card .card-icon{width:50px;height:50px;color:var(--primary);margin-bottom:1rem}.component-card h4{font-size:1.25rem;margin-bottom:.75rem;color:var(--white)}.component-card p{color:var(--gray-light);line-height:1.5}.why-conclusion{padding:6rem 0;text-align:center;background:radial-gradient(ellipse at center,rgba(var(--primary-rgb),.1) 0%,transparent 70%)}.conclusion-content h2{font-size:3rem;font-weight:800;margin-bottom:2rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.conclusion-text{font-size:1.25rem;line-height:1.8;color:var(--gray-light);max-width:800px;margin:0 auto 3rem}.conclusion-text .highlight{color:var(--primary);font-weight:600}.final-thought{background:rgba(var(--primary-rgb),.05);border:1px solid rgba(var(--primary-rgb),.2);border-radius:1rem;padding:3rem;max-width:800px;margin:0 auto 3rem}.final-thought h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--primary)}.final-thought p{color:var(--gray-light);line-height:1.6;margin-bottom:1rem}.final-thought .emphasis{font-size:1.125rem;font-weight:600;color:var(--white);font-style:italic}.cta-section{margin-top:3rem}.scroll-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background:var(--gradient-primary);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;box-shadow:var(--shadow-lg)}.scroll-icon{width:24px;height:24px;color:var(--white)}pre{background:var(--dark-light)!important;border:1px solid rgba(var(--primary-rgb),.2)!important;border-radius:.75rem!important;padding:1.5rem!important;margin:1.5rem 0!important;overflow-x:auto!important}code{background:transparent!important;font-family:Fira Code,Monaco,Consolas,monospace!important;font-size:.9rem!important}.attack-patterns-viz{position:relative;height:500px;margin:3rem 0;display:flex;align-items:center;justify-content:center}.attack-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10}.center-node{background:var(--gradient-primary);border-radius:50%;padding:2.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;box-shadow:0 10px 30px rgba(var(--primary-rgb),.3);transition:all .3s ease}.center-icon{width:40px;height:40px;color:var(--white)}.center-node span{font-weight:600;color:var(--white);font-size:.9rem}.attack-categories{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%}.attack-category{position:absolute;left:50%;top:50%;margin-left:-80px;margin-top:-40px;cursor:pointer;z-index:5}.category-bubble{background:rgba(var(--dark-rgb),.9);border:2px solid var(--category-color);border-radius:1rem;padding:1.25rem 1.5rem;text-align:center;box-shadow:0 4px 20px #0000004d;transition:all .3s ease;min-width:140px}.attack-category:hover .category-bubble{background:var(--category-color);border-color:var(--category-color);transform:scale(1.05)}.attack-category:hover .category-bubble h4,.attack-category:hover .category-bubble .pattern-count{color:var(--white)}.category-bubble h4{margin:0 0 .25rem;font-size:1.125rem;color:var(--category-color);transition:color .3s ease}.pattern-count{font-size:.85rem;color:var(--gray-light);transition:color .3s ease}.pattern-list{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:1rem;background:var(--dark-light);border:1px solid var(--category-color);border-radius:.75rem;padding:1rem;min-width:200px;box-shadow:0 10px 30px #00000080;z-index:20}.pattern-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;color:var(--white);font-size:.9rem}.pattern-icon{width:16px;height:16px;color:var(--category-color);flex-shrink:0}.return-analysis-flow{margin:2rem 0;padding:2rem;background:rgba(var(--dark-rgb),.5);border-radius:1rem;border:1px solid rgba(var(--primary-rgb),.2)}.flow-steps{display:flex;align-items:center;justify-content:space-between;position:relative;margin-bottom:2rem}.flow-step{flex:1;position:relative;padding:0 1rem;opacity:.5;transition:all .5s ease}.flow-step.active{opacity:1}.flow-step.current .step-icon{background:var(--gradient-primary);transform:scale(1.2);box-shadow:0 5px 20px rgba(var(--primary-rgb),.5)}.step-icon{width:60px;height:60px;background:var(--dark-light);border:2px solid rgba(var(--primary-rgb),.3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;transition:all .5s ease}.step-icon svg{width:24px;height:24px;color:var(--primary)}.step-content{text-align:center}.step-content h5{font-size:.95rem;margin-bottom:.25rem;color:var(--white)}.step-content p{font-size:.8rem;color:var(--gray-light);line-height:1.4}.step-connector{position:absolute;top:30px;left:calc(50% + 30px);right:calc(-50% + 30px);height:2px;background:var(--gradient-primary);transform-origin:left;z-index:-1}.flow-note{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:.75rem;color:var(--white)}.note-icon{width:24px;height:24px;color:#ef4444;flex-shrink:0}@media (max-width: 1400px){.why-sidebar{width:200px;left:1rem}.why-content{margin-left:240px;max-width:calc(100% - 260px)}}@media (max-width: 1200px){.why-sidebar{position:static;transform:none;width:100%;max-height:none;margin-bottom:2rem;background:rgba(var(--dark-light-rgb),.8);overflow-y:visible}.why-sidebar ul{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.why-sidebar li{padding:.5rem 1rem;font-size:.85rem;border-radius:1rem;white-space:nowrap}.why-content{margin-left:0;padding:0 2rem 2rem;max-width:100%}.why-hero-title{font-size:3rem}.comparison-container{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 768px){.why-content{padding:0 1rem 2rem}.why-hero{min-height:40vh;padding:2rem 0}.why-hero-title{font-size:2.5rem;flex-direction:column;text-align:center}.vs-text{font-size:1.5rem}.why-hero-subtitle{font-size:1.125rem}.section-title{font-size:2rem;flex-direction:column;text-align:center;gap:.5rem}.section-icon{width:30px;height:30px}.why-section{padding:2rem 0}.why-section.dark-section{margin:1rem -1rem;padding:2rem 1rem;border-radius:1rem}.differentiators-grid{grid-template-columns:1fr;gap:1rem}.components-grid,.advantages-grid,.use-cases{grid-template-columns:1fr}.conclusion-content h2{font-size:2rem}.scroll-top{width:40px;height:40px}}.conclusion-intro{font-size:1.25rem;line-height:1.8;color:var(--gray-light);max-width:800px;margin:0 auto 3rem}.key-advantages{margin-bottom:4rem}.key-advantages h3{font-size:2rem;margin-bottom:2rem;color:var(--primary)}.advantages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.advantage-item{display:flex;align-items:start;gap:1rem;padding:1rem;background:rgba(var(--primary-rgb),.05);border-radius:.75rem}.advantage-icon{width:24px;height:24px;color:var(--success);flex-shrink:0;margin-top:.25rem}.advantage-item h4{font-size:1rem;margin-bottom:.25rem;color:var(--white)}.advantage-item p{font-size:.9rem;color:var(--gray-light)}.when-to-use{margin-bottom:4rem}.when-to-use h3{font-size:2rem;margin-bottom:2rem;color:var(--primary)}.use-cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.use-case{display:flex;align-items:start;gap:1rem;padding:1.5rem;background:rgba(var(--dark-light-rgb),.6);border:1px solid rgba(var(--primary-rgb),.2);border-radius:1rem;transition:all .3s ease}.use-case:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 10px 30px rgba(var(--primary-rgb),.2)}.use-case-icon{width:32px;height:32px;color:var(--primary);flex-shrink:0}.use-case h4{font-size:1.125rem;margin-bottom:.25rem;color:var(--white)}.use-case p{font-size:.9rem;color:var(--gray-light)}.security-evolution{margin-bottom:3rem}.security-evolution h3{font-size:1.5rem;margin-bottom:1rem;color:var(--white)}.evolution-text{font-size:1.125rem;line-height:1.8;color:var(--gray-light);max-width:800px;margin:0 auto}.evolution-text .highlight{color:var(--primary);font-weight:600}