.clientes-directory{min-height:100vh;background:linear-gradient(135deg,#001e2b,#00111a);color:#fff;padding-bottom:60px}.directory-header{background:linear-gradient(135deg,#00ed64,#00a846);padding:60px 20px 80px;position:relative;overflow:hidden}.directory-header:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:#ffffff1a;border-radius:50%;animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-30px) translate(30px)}}.header-content{max-width:1200px;margin:0 auto;position:relative;z-index:1}.back-link{color:#000000b3;text-decoration:none;font-size:16px;font-weight:600;display:inline-block;margin-bottom:20px;transition:color .2s}.back-link:hover{color:#000}.directory-header h1{font-size:48px;font-weight:700;margin:0 0 10px;color:#001e2b}.subtitle{font-size:18px;color:#001e2bcc;margin:0;max-width:600px}.search-section{max-width:1200px;margin:-40px auto 40px;padding:0 20px;position:relative;z-index:2}.search-container{position:relative;max-width:600px;margin:0 auto}.search-input{width:100%;padding:18px 50px 18px 20px;font-size:16px;border:none;border-radius:12px;background:#fffffff2;color:#001e2b;box-shadow:0 10px 40px #0000004d;transition:all .3s}.search-input:focus{outline:none;background:#fff;box-shadow:0 10px 60px #00ed644d}.search-input::placeholder{color:#001e2b80}.search-icon{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:20px;pointer-events:none}.stats-bar{max-width:1200px;margin:0 auto 60px;padding:0 20px;display:flex;gap:40px;justify-content:center;flex-wrap:wrap}.stat{display:flex;flex-direction:column;align-items:center;gap:5px}.stat-number{font-size:36px;font-weight:700;color:#00ed64;line-height:1}.stat-label{font-size:14px;color:#fff9;text-transform:uppercase;letter-spacing:1px}.clients-grid{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.client-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;text-decoration:none;color:#fff;transition:all .3s;cursor:pointer;display:flex;flex-direction:column;gap:16px}.client-card:hover{transform:translateY(-4px);background:#ffffff14;border-color:#00ed64;box-shadow:0 10px 40px #00ed6433}.client-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.client-logo-container{flex-shrink:0;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00ed641a,#00a8460d);border-radius:12px;transition:all .3s}.client-card:hover .client-logo-container{background:linear-gradient(135deg,#00ed6433,#00a8461a);transform:scale(1.05)}.client-logo-svg{filter:drop-shadow(0 2px 8px rgba(0,237,100,.3))}.client-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:1}.client-industry,.client-country{display:flex;align-items:center;gap:6px;font-size:11px;color:#fff9;text-transform:uppercase;letter-spacing:.5px;text-align:right}.meta-icon-svg{opacity:.7}.client-name{font-size:24px;font-weight:700;margin:0;color:#fff!important}.client-description{font-size:14px;line-height:1.6;color:#ffffffb3!important;margin:0;flex:1}.client-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.content-count{font-size:13px;color:#fff9;display:flex;align-items:center;gap:6px}.doc-icon-svg{opacity:.7}.view-link{font-size:14px;color:#00ed64;font-weight:600;transition:transform .2s}.client-card:hover .view-link{transform:translate(4px)}.no-results{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#ffffff80}.no-results p{font-size:18px}.directory-footer{max-width:1200px;margin:80px auto 0;padding:40px 20px 0;border-top:1px solid rgba(255,255,255,.1);text-align:center}.directory-footer p{font-size:14px;color:#fff9;margin:0 0 8px}.footer-note{font-size:13px;color:#fff6}@media (max-width: 768px){.directory-header h1{font-size:36px}.subtitle{font-size:16px}.clients-grid{grid-template-columns:1fr}.stats-bar{gap:20px}.stat-number{font-size:28px}}.access-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#001e2bd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:fadeIn .3s ease}.access-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:480px;width:100%;animation:slideUp .3s ease;overflow:hidden}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.access-modal__header{background:linear-gradient(135deg,#00ed64,#00c853);color:#fff;padding:2rem;text-align:center}.access-modal__icon{width:64px;height:64px;margin:0 auto 1rem;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center}.access-modal__icon svg{color:#fff}.access-modal__title{font-size:1.75rem;font-weight:700;margin:0;color:#fff}.access-modal__content{padding:2rem}.access-modal__description{font-size:1rem;color:var(--gray-700, #374151);margin:0 0 .5rem}.access-modal__client{font-size:1.125rem;color:var(--mongodb-purple, #5644D4);margin:0 0 1rem}.access-modal__client strong{font-weight:700}.access-modal__help{font-size:.875rem;color:var(--gray-600, #4B5563);background:var(--gray-50, #F9FAFB);padding:1rem;border-radius:8px;border-left:3px solid var(--mongodb-green, #00ED64);margin:0 0 1.5rem;line-height:1.5}.access-modal__form{margin-bottom:1rem}.access-modal__input-group{margin-bottom:1.5rem}.access-modal__label{display:block;font-size:.875rem;font-weight:600;color:var(--gray-700, #374151);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.access-modal__input{width:100%;padding:.875rem 1rem;font-size:1rem;border:2px solid var(--gray-300, #D1D5DB);border-radius:8px;transition:all .2s ease;font-family:Monaco,Courier New,monospace;letter-spacing:.1em}.access-modal__input:focus{outline:none;border-color:var(--mongodb-green, #00ED64);box-shadow:0 0 0 3px #00ed641a}.access-modal__input--error{border-color:var(--error, #E03C31)}.access-modal__input--error:focus{box-shadow:0 0 0 3px #e03c311a}.access-modal__input:disabled{background:var(--gray-100, #F3F4F6);cursor:not-allowed}.access-modal__error{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.75rem;background:#fef2f2;border:1px solid #FCA5A5;border-radius:6px;color:var(--error, #E03C31);font-size:.875rem;animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.access-modal__error svg{flex-shrink:0;width:16px;height:16px}.access-modal__buttons{display:flex;gap:1rem}.access-modal__button{flex:1;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.access-modal__button:disabled{opacity:.6;cursor:not-allowed}.access-modal__button--primary{background:var(--mongodb-green, #00ED64);color:var(--mongodb-dark, #001E2B)}.access-modal__button--primary:hover:not(:disabled){background:#00c853;transform:translateY(-1px);box-shadow:0 4px 12px #00ed644d}.access-modal__button--primary:active:not(:disabled){transform:translateY(0)}.access-modal__button--secondary{background:#fff;color:var(--gray-700, #374151);border:2px solid var(--gray-300, #D1D5DB)}.access-modal__button--secondary:hover:not(:disabled){background:var(--gray-50, #F9FAFB);border-color:var(--gray-400, #9CA3AF)}.access-modal__spinner{width:16px;height:16px;border:2px solid rgba(0,30,43,.2);border-top-color:var(--mongodb-dark, #001E2B);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.access-modal__footer{padding-top:1rem;border-top:1px solid var(--gray-200, #E5E7EB)}.access-modal__footer-text{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--gray-600, #4B5563);margin:0}.access-modal__footer-text svg{flex-shrink:0;width:16px;height:16px;color:var(--mongodb-purple, #5644D4)}.access-modal__link{color:var(--mongodb-purple, #5644D4);text-decoration:none;font-weight:600;transition:color .2s ease}.access-modal__link:hover{color:var(--mongodb-green, #00ED64);text-decoration:underline}@media (max-width: 640px){.access-modal{margin:0;border-radius:12px}.access-modal__header,.access-modal__content{padding:1.5rem}.access-modal__icon{width:56px;height:56px}.access-modal__title{font-size:1.5rem}.access-modal__buttons{flex-direction:column-reverse}.access-modal__button{width:100%}}@media print{.access-modal-overlay{display:none}}.client-content-page{min-height:100vh;background:linear-gradient(135deg,#001e2b,#00111a);color:#fff;padding-bottom:60px}.client-header{background:linear-gradient(135deg,#00ed64,#00a846);padding:40px 20px 60px}.header-content{max-width:1200px;margin:0 auto}.client-info{display:flex;gap:24px;align-items:flex-start;margin-top:30px}.client-logo-large-container{flex-shrink:0;width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:#001e2b33;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.client-logo-large-svg{filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.client-details{flex:1}.client-details h1{font-size:42px;font-weight:700;margin:0 0 16px;color:#001e2b}.client-meta-info{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:16px}.meta-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#001e2bcc;font-weight:500}.meta-icon-svg-content{opacity:.7}.client-details .client-description{font-size:16px;line-height:1.6;color:#001e2bb3;margin:0;max-width:700px}.filters-section{background:#0003;padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filters-container{max-width:1200px;margin:0 auto;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.search-box{position:relative;flex:1;min-width:250px}.search-input-small{width:100%;padding:12px 40px 12px 16px;font-size:14px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff1a;color:#fff;transition:all .3s}.search-input-small:focus{outline:none;background:#ffffff26;border-color:#00ed64}.search-input-small::placeholder{color:#ffffff80}.search-icon-small{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:16px;pointer-events:none}.category-filters{display:flex;gap:8px;flex-wrap:wrap}.category-btn{padding:8px 16px;font-size:13px;font-weight:600;border:1px solid rgba(255,255,255,.2);border-radius:20px;background:#ffffff0d;color:#ffffffb3;cursor:pointer;transition:all .2s;text-transform:capitalize}.category-btn:hover{background:#ffffff1a;color:#fff}.category-btn.active{background:#00ed64;border-color:#00ed64;color:#001e2b}.content-section{padding:60px 20px}.content-container{max-width:1200px;margin:0 auto}.category-section{margin-bottom:60px}.category-section:last-child{margin-bottom:0}.category-title{font-size:24px;font-weight:700;color:#00ed64!important;margin:0 0 24px;padding-bottom:12px;border-bottom:2px solid rgba(0,237,100,.3);display:flex;align-items:center;gap:12px}.category-icon-svg{filter:drop-shadow(0 2px 6px rgba(0,237,100,.4))}.documents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.document-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;text-decoration:none;color:#fff;display:flex;flex-direction:column;gap:12px;transition:all .3s;cursor:pointer}.document-card:hover{transform:translateY(-4px);background:#ffffff14;border-color:#00ed64;box-shadow:0 8px 30px #00ed6433}.document-card.placeholder{opacity:.5;cursor:not-allowed}.document-card.placeholder:hover{transform:none;box-shadow:none}.document-icon-container{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00ed6426,#00a8460d);border-radius:12px;transition:all .3s}.document-card:hover .document-icon-container{background:linear-gradient(135deg,#00ed6440,#00a84626);transform:scale(1.1)}.document-icon-svg{filter:drop-shadow(0 2px 6px rgba(0,237,100,.3))}.document-title{font-size:18px;font-weight:700;margin:0;color:#fff!important;line-height:1.3}.document-description{font-size:14px;line-height:1.5;color:#ffffffb3!important;margin:0;flex:1}.document-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.document-type{font-size:11px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.document-link{font-size:13px;color:#00ed64;font-weight:600;transition:transform .2s}.document-card:hover .document-link{transform:translate(4px)}.no-content{text-align:center;padding:80px 20px;color:#ffffff80}.no-content p{font-size:18px}@media (max-width: 768px){.client-info{flex-direction:column;align-items:center;text-align:center}.client-logo-large{font-size:64px}.client-details h1{font-size:32px}.client-meta-info{justify-content:center}.client-details .client-description{max-width:100%}.filters-container{flex-direction:column;align-items:stretch}.search-box{width:100%}.category-filters{justify-content:center}.documents-grid{grid-template-columns:1fr}}:root{--color-primary: #00ED64;--color-primary-hover: #00D757;--color-primary-light: #00ED6420;--color-bg-primary: #001E2B;--color-bg-secondary: #0D2A3D;--color-bg-tertiary: #112331;--color-bg-card: #0D2A3D80;--color-accent: #5644D4;--color-accent-light: #5644D420;--color-text-primary: #FFFFFF;--color-text-secondary: #B8C4CE;--color-text-muted: #718096;--color-text-dark: #001E2B;--color-success: #00ED64;--color-warning: #F59E0B;--color-error: #EF4444;--color-info: #3B82F6;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3rem;--text-6xl: 4rem;--text-7xl: 5rem;--text-8xl: 6rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .15);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .2);--shadow-glow: 0 0 40px rgba(0, 237, 100, .3);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-base: 1;--z-dropdown: 10;--z-sticky: 20;--z-fixed: 30;--z-modal-backdrop: 40;--z-modal: 50;--z-popover: 60;--z-tooltip: 70}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:clamp(var(--text-4xl),8vw,var(--text-8xl))}h2{font-size:clamp(var(--text-3xl),5vw,var(--text-5xl))}h3{font-size:clamp(var(--text-2xl),3vw,var(--text-4xl))}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{margin-bottom:var(--spacing-md);color:var(--color-text-secondary)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-primary-hover)}.text-gradient{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-lg)}.section,.section-lg{padding:var(--spacing-4xl) 0}@media (min-width: 768px){.section-lg{padding:calc(var(--spacing-4xl) * 1.5) 0}}.navbar{position:fixed;top:0;width:100%;z-index:var(--z-fixed);transition:all var(--transition-slow)}.navbar-scrolled{background-color:#001e2bf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-lg)}.navbar-container{display:flex;align-items:center;justify-content:space-between;height:80px}.navbar-logo{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary)}.navbar-links{display:none;gap:var(--spacing-xl)}@media (min-width: 768px){.navbar-links{display:flex}}.navbar-link{color:var(--color-text-secondary);font-weight:500;transition:color var(--transition-base)}.navbar-link:hover{color:var(--color-text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-weight:600;font-size:var(--text-base);border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--transition-base);text-decoration:none}.btn-primary{background-color:var(--color-primary);color:var(--color-text-dark)}.btn-primary:hover{background-color:var(--color-primary-hover);transform:scale(1.05);box-shadow:var(--shadow-glow)}.btn-secondary{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-secondary:hover{background-color:var(--color-primary);color:var(--color-text-dark)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary);border:1px solid var(--color-text-muted)}.btn-ghost:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-sm{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--text-sm)}.btn-lg{padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--text-lg)}.card{background-color:var(--color-bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:all var(--transition-base)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.card-gradient{background:linear-gradient(135deg,var(--color-bg-secondary) 0%,rgba(13,42,61,.5) 100%)}.card-bordered{border:1px solid rgba(255,255,255,.1)}.hero{position:relative;padding-top:calc(80px + var(--spacing-4xl));padding-bottom:var(--spacing-4xl);overflow:hidden}.hero-background{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 50%,var(--color-bg-primary) 100%);z-index:-2}.hero-blur{position:absolute;border-radius:50%;filter:blur(100px);opacity:.2;z-index:-1}.hero-blur-primary{width:300px;height:300px;background-color:var(--color-primary);top:10%;left:5%}.hero-blur-accent{width:400px;height:400px;background-color:var(--color-accent);bottom:10%;right:10%}.badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-full)}.badge-primary{background-color:var(--color-primary);color:var(--color-text-dark)}.badge-secondary{background-color:var(--color-bg-secondary);color:var(--color-text-secondary)}.metric{transition:transform var(--transition-base);cursor:pointer}.metric:hover{transform:scale(1.05)}.metric-value{font-size:var(--text-5xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-sm)}.metric-label{color:var(--color-text-secondary);font-size:var(--text-base)}.chart-container{background-color:var(--color-bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mt-6{margin-top:var(--spacing-2xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.mb-6{margin-bottom:var(--spacing-2xl)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-wrap{flex-wrap:wrap}.gap-1{gap:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-3{gap:var(--spacing-md)}.gap-4{gap:var(--spacing-lg)}.gap-5{gap:var(--spacing-xl)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 20px #00ed644d}50%{box-shadow:0 0 40px #00ed6499}}.animate-fadeIn{animation:fadeIn .6s ease-out}.animate-slideInLeft{animation:slideInLeft .6s ease-out}.animate-slideInRight{animation:slideInRight .6s ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}@media (min-width: 640px){.container{padding:0 var(--spacing-xl)}}@media (min-width: 768px){.hide-mobile{display:none}.show-desktop{display:block}}@media (min-width: 1024px){h1{font-size:var(--text-7xl)}h2{font-size:var(--text-5xl)}}.light-mode{--color-bg-primary: #FFFFFF;--color-bg-secondary: #F7FAFC;--color-text-primary: #001E2B;--color-text-secondary: #4A5568}.mongodb-glow{box-shadow:0 0 40px #00ed644d}.mongodb-gradient{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%)}.code-block{background-color:var(--color-bg-tertiary);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:var(--spacing-lg);font-family:var(--font-mono);overflow-x:auto}.performance-bar{height:100%;background:linear-gradient(to top,var(--color-primary),rgba(0,237,100,.3));border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:all var(--transition-base)}.performance-bar:hover{background:linear-gradient(to top,var(--color-primary-hover),rgba(0,215,87,.4))}.client-document-layout{max-width:1200px;margin:0 auto;padding:2rem;background:var(--mongodb-white, #ffffff);color:var(--gray-900, #111827)}.document-header{border-bottom:2px solid var(--mongodb-green, #00ED64);padding-bottom:1rem;margin-bottom:2rem}.header-content{display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:1rem}.mongodb-logo{height:32px;width:auto}.separator{color:var(--gray-300, #D1D5DB);font-size:1.5rem;font-weight:300}.client-name{font-size:1.25rem;font-weight:600;color:var(--mongodb-purple, #5644D4)}.export-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--mongodb-green, #00ED64);color:var(--mongodb-dark, #001E2B);border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease}.export-button:hover{background:var(--mongodb-purple, #5644D4);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00ed644d}.breadcrumbs{margin-bottom:2rem}.breadcrumbs ol{display:flex;gap:.5rem;list-style:none;padding:0;margin:0}.breadcrumbs li{display:flex;align-items:center}.breadcrumbs li:not(:last-child):after{content:"/";margin-left:.5rem;color:var(--gray-400, #9CA3AF)}.breadcrumbs a{color:var(--mongodb-purple, #5644D4);text-decoration:none;transition:color .2s}.breadcrumbs a:hover{color:var(--mongodb-green, #00ED64);text-decoration:underline}.breadcrumbs li[aria-current=page]{color:var(--gray-600, #4B5563)}.document-metadata{background:linear-gradient(135deg,#f9fafb,#e5f7ee);border-left:4px solid var(--mongodb-green, #00ED64);padding:2rem;border-radius:8px;margin-bottom:3rem}.title-section{margin-bottom:1.5rem}.document-title{font-size:2.5rem;font-weight:700;color:var(--mongodb-dark, #001E2B);margin:0 0 .5rem;line-height:1.2}.document-subtitle{font-size:1.25rem;color:var(--gray-600, #4B5563);margin:0}.metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.metadata-item{display:flex;flex-direction:column}.metadata-label{font-size:.875rem;color:var(--gray-500, #6B7280);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.metadata-value{font-size:1rem;font-weight:600;color:var(--gray-900, #111827)}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tag{display:inline-block;padding:.25rem .75rem;background:var(--mongodb-purple, #5644D4);color:#fff;border-radius:20px;font-size:.875rem;font-weight:500}.document-content{line-height:1.8;margin-bottom:4rem}.document-content section{margin-bottom:3rem}.document-content h2{font-size:2rem;font-weight:700;color:var(--mongodb-dark, #001E2B);margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--gray-200, #E5E7EB)}.document-content h3{font-size:1.5rem;font-weight:600;color:var(--mongodb-purple, #5644D4);margin:1.5rem 0 1rem}.document-content p{margin-bottom:1rem;color:var(--gray-700, #374151)}.document-content ul,.document-content ol{margin:1rem 0 1rem 1.5rem;color:var(--gray-700, #374151)}.document-content li{margin-bottom:.5rem}.document-content a{color:var(--mongodb-purple, #5644D4);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.document-content a:hover{border-bottom-color:var(--mongodb-purple, #5644D4)}.document-footer{border-top:2px solid var(--gray-200, #E5E7EB);padding-top:2rem;margin-top:4rem;text-align:center}.footer-content{color:var(--gray-600, #4B5563);font-size:.875rem}.footer-content p{margin:.5rem 0}.footer-contact a{color:var(--mongodb-purple, #5644D4);text-decoration:none}.footer-contact a:hover{text-decoration:underline}@media print{.export-button,.breadcrumbs{display:none}.client-document-layout{padding:0}.document-content{color:#000}.document-content a{color:#000;text-decoration:underline}}@media (max-width: 768px){.client-document-layout{padding:1rem}.header-content{flex-direction:column;gap:1rem;align-items:flex-start}.document-title{font-size:1.75rem}.metadata-grid{grid-template-columns:1fr}}.code-block-container{margin:1.5rem 0;border-radius:8px;overflow:hidden;border:1px solid var(--gray-200, #E5E7EB);background:var(--gray-900, #1F2937)}.code-block-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--gray-800, #1F2937);border-bottom:1px solid var(--gray-700, #374151)}.code-block-info{display:flex;align-items:center;gap:1rem}.code-language{display:inline-block;padding:.25rem .75rem;background:var(--mongodb-purple, #5644D4);color:#fff;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.code-title{color:var(--gray-300, #D1D5DB);font-size:.875rem;font-weight:500}.copy-button{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--gray-700, #374151);color:var(--gray-100, #F3F4F6);border:1px solid var(--gray-600, #4B5563);border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.copy-button:hover{background:var(--mongodb-green, #00ED64);color:var(--mongodb-dark, #001E2B);border-color:var(--mongodb-green, #00ED64)}.copy-button svg{width:16px;height:16px}.code-block{margin:0;padding:1rem;background:var(--gray-900, #1F2937);overflow-x:auto;font-family:Fira Code,Monaco,Consolas,monospace;font-size:.875rem;line-height:1.6}.code-block code{color:var(--gray-100, #F3F4F6)}.code-block.with-line-numbers table{width:100%;border-collapse:collapse}.code-block.with-line-numbers tr{display:table-row}.line-number{-webkit-user-select:none;user-select:none;text-align:right;padding-right:1rem;color:var(--gray-500, #6B7280);border-right:1px solid var(--gray-700, #374151);min-width:3rem;vertical-align:top}.line-content{padding-left:1rem;vertical-align:top;white-space:pre}.code-block .keyword{color:#ff79c6}.code-block .string{color:#f1fa8c}.code-block .number{color:#bd93f9}.code-block .comment{color:#6272a4;font-style:italic}.code-block .function{color:#50fa7b}.code-block::-webkit-scrollbar{height:8px}.code-block::-webkit-scrollbar-track{background:var(--gray-800, #1F2937)}.code-block::-webkit-scrollbar-thumb{background:var(--mongodb-green, #00ED64);border-radius:4px}.code-block::-webkit-scrollbar-thumb:hover{background:var(--mongodb-purple, #5644D4)}@media (max-width: 768px){.code-block{font-size:.75rem}.code-block-header{flex-direction:column;gap:.5rem;align-items:flex-start}}.metrics-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border-left:4px solid var(--mongodb-green, #00ED64);margin:1.5rem 0;transition:all .3s ease}.metrics-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.metrics-card__title{font-size:1.25rem;font-weight:700;color:var(--mongodb-dark, #001E2B);margin:0 0 1.5rem}.metrics-card--success{border-left-color:var(--success, #00ED64);background:linear-gradient(135deg,#fff,#e5f7ee)}.metrics-card--warning{border-left-color:var(--warning, #FFB81C);background:linear-gradient(135deg,#fff,#fff8e5)}.metrics-card--info{border-left-color:var(--info, #00A0D2);background:linear-gradient(135deg,#fff,#e5f5fa)}.metrics-card--compact{padding:1rem}.metrics-card--compact .metrics-card__title{font-size:1rem;margin-bottom:1rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.metrics-card--compact .metrics-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.metric-item{display:flex;gap:1rem;align-items:flex-start}.metric-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--mongodb-green, #00ED64);border-radius:8px;color:var(--mongodb-dark, #001E2B)}.metric-icon svg{width:24px;height:24px}.metric-label{font-size:.875rem;color:var(--gray-600, #4B5563);margin-bottom:.25rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.metric-value{font-size:1.75rem;font-weight:700;color:var(--mongodb-dark, #001E2B);display:flex;align-items:center;gap:.5rem;line-height:1.2}.metrics-card--compact .metric-value{font-size:1.5rem}.metric-unit{font-size:1rem;font-weight:500;color:var(--gray-500, #6B7280);margin-left:.25rem}.metric-description{font-size:.875rem;color:var(--gray-500, #6B7280);margin-top:.5rem;line-height:1.4}.trend-icon{width:20px;height:20px}.trend-up{color:var(--success, #00ED64)}.trend-down{color:var(--error, #E03C31)}@media (max-width: 768px){.metrics-grid{grid-template-columns:1fr}.metric-value{font-size:1.5rem}.metrics-card--compact .metric-value{font-size:1.25rem}}.org-search-container{margin:32px 0;padding:0}.org-search-wrapper{position:relative;max-width:600px;margin:0 auto}.org-search-wrapper .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#ffffff80;pointer-events:none}.org-search-input{width:100%;padding:14px 48px;background:#001e2bcc;border:2px solid rgba(0,237,100,.2);border-radius:12px;color:#fff!important;font-size:16px;font-weight:500;transition:all .3s ease}.org-search-input::placeholder{color:#fff6}.org-search-input:focus{outline:none;border-color:#00ed6499;background:#001e2bf2;box-shadow:0 0 0 4px #00ed641a}.search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#ff3b3033;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#ff3b30;font-size:18px;cursor:pointer;transition:all .2s ease}.search-clear:hover{background:#ff3b304d;transform:translateY(-50%) scale(1.1)}.search-hint{text-align:center;margin-top:12px;color:#fff9!important;font-size:14px}.search-hint strong{color:#00ed64!important}.highlight{background:#00ed644d;color:#00ed64!important;font-weight:700;padding:2px 4px;border-radius:4px}.persona-card.search-hidden{display:none}.client-document-layout{background:linear-gradient(135deg,#0a1628,#050b14)!important;min-height:100vh}.client-document-layout .document-header,.client-document-layout header,.client-document-layout .document-metadata{background:#fff!important;color:#000!important;border-radius:12px;padding:24px}.client-document-layout .document-header h1,.client-document-layout .document-header h2,.client-document-layout .document-header p,.client-document-layout .document-header span,.client-document-layout .document-header div,.client-document-layout header h1,.client-document-layout header h2,.client-document-layout header p,.client-document-layout header span,.client-document-layout header div,.client-document-layout .document-metadata h1,.client-document-layout .document-metadata h2,.client-document-layout .document-metadata p,.client-document-layout .document-metadata span,.client-document-layout .document-metadata div{color:#000!important}.document-content{background:transparent!important;color:#fff!important}.client-document-layout h1,.client-document-layout h2,.client-document-layout h3,.client-document-layout h4,.client-document-layout h5,.client-document-layout h6{color:#fff!important}.client-document-layout p,.client-document-layout span,.client-document-layout div,.client-document-layout li{color:#ffffffe6!important}.client-document-layout strong{color:#00ed64!important;font-weight:700}.client-document-layout a{color:#00ed64!important}.org-section .metrics-card{background:#00111acc!important;border-left:4px solid #00ED64!important;border-radius:12px}.org-section .metrics-card__title{color:#00ed64!important;font-weight:700}.org-section .metric-label{color:#ffffffb3!important;font-weight:600}.org-section .metric-value{color:#fff!important;font-weight:700}.org-section .metric-unit{color:#fff9!important}.org-section .trend-up{color:#00ed64!important}.org-section .trend-down{color:#ff3b30!important}.org-hero{background:linear-gradient(135deg,#001e2b,#00111a);border-radius:16px;padding:48px;margin-bottom:48px;border:1px solid rgba(0,237,100,.1);box-shadow:0 8px 32px #00ed6414}.org-hero-content{display:flex;align-items:center;gap:32px}.org-hero-icon{flex-shrink:0;width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00ed6426,#00a84614);border-radius:24px;border:2px solid rgba(0,237,100,.2);box-shadow:0 4px 16px #00ed6426}.org-hero h1,.org-hero h2{font-size:48px;font-weight:700;color:#fff!important;margin:0 0 8px;text-shadow:0 2px 8px rgba(0,237,100,.2)}.org-hero h2{font-size:36px;margin-bottom:12px}.org-hero p,.org-hero .org-subtitle{font-size:18px;color:#fff!important;line-height:1.6;margin:0}.org-hero-text h1{font-size:48px;font-weight:700;color:#fff!important;margin:0 0 8px;text-shadow:0 2px 8px rgba(0,237,100,.2)}.org-hero-title{font-size:24px;color:#00ed64!important;font-weight:600;margin:0 0 16px}.org-hero-desc{font-size:18px;color:#fff!important;line-height:1.6;margin:0}.org-section{margin-bottom:64px}.section-header{display:flex;align-items:center;gap:16px;margin-bottom:32px;padding-bottom:16px;border-bottom:2px solid rgba(0,237,100,.2)}.section-header h2{font-size:32px;font-weight:700;color:#00ed64!important;margin:0}.persona-card{background:linear-gradient(135deg,#001e2bcc,#00111a99);border:2px solid rgba(0,237,100,.15);border-radius:16px;padding:32px;margin-bottom:32px;transition:all .3s ease;box-shadow:0 4px 16px #0003}.persona-card:hover{border-color:#00ed6466;box-shadow:0 8px 32px #00ed6426;transform:translateY(-2px)}.vp-card{border-color:#5644d44d;background:linear-gradient(135deg,#5644d41a,#001e2bcc)}.vp-card:hover{border-color:#5644d499;box-shadow:0 8px 32px #5644d433}.director-card{border-left:4px solid #00ED64}.persona-header{display:flex;align-items:center;gap:20px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.persona-avatar{flex-shrink:0;width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00ed6433,#00a8461a);border-radius:16px;border:2px solid rgba(0,237,100,.3)}.persona-info h3{font-size:24px;font-weight:700;color:#fff!important;margin:0 0 6px}.persona-role{font-size:16px;color:#ffffffb3!important;margin:0;font-weight:500}.use-case-container{margin-bottom:32px;padding:24px;background:#00111a80;border-radius:12px;border-left:4px solid #00ED64}.use-case-container:last-child{margin-bottom:0}.use-case-badge{display:inline-block;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.use-case-badge.high-priority{background:linear-gradient(135deg,#ff3b30,#ff6b6b);color:#fff!important;box-shadow:0 2px 8px #ff3b304d}.use-case-badge.medium-priority{background:linear-gradient(135deg,#ff9500,#fc0);color:#001e2b!important;box-shadow:0 2px 8px #ff95004d}.use-case-badge.strategic{background:linear-gradient(135deg,#5644d4,#8b7fff);color:#fff!important;box-shadow:0 2px 8px #5644d44d}.use-case-title{font-size:20px;font-weight:700;color:#fff!important;margin:0 0 12px;display:flex;align-items:center;gap:12px}.use-case-desc{font-size:16px;line-height:1.6;color:#ffffffd9!important;margin:0 0 24px}.tech-features{display:flex;flex-direction:column;gap:16px;margin-top:24px}.tech-features.compact{gap:12px}.tech-feature{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#00ed640d;border-radius:8px;border:1px solid rgba(0,237,100,.15)}.tech-features.compact .tech-feature{padding:12px;flex-direction:column;gap:6px}.tech-feature strong{color:#00ed64!important;font-weight:600;display:block}.tech-feature p{color:#fffc!important;margin:0;font-size:14px;line-height:1.5}.tech-feature span{color:#ffffffbf!important;font-size:14px}.code-example{margin:24px 0}.priorities-section{background:linear-gradient(135deg,#001e2b99,#00111a66);border-radius:16px;padding:48px;border:2px solid rgba(0,237,100,.15)}.priorities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.priority-card{background:#00111acc;border-radius:12px;padding:24px;border:2px solid;transition:all .3s ease}.priority-card.high{border-color:#ff3b304d;border-left-width:6px}.priority-card.medium{border-color:#ff95004d;border-left-width:6px}.priority-card.strategic{border-color:#5644d44d;border-left-width:6px}.priority-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00ed6426}.priority-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.priority-header h3{font-size:20px;font-weight:700;color:#fff!important;margin:0}.priority-badge{font-size:12px;padding:4px 12px;background:#00ed6426;border-radius:12px;color:#00ed64!important;font-weight:600}.priority-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.priority-list li{padding:12px;background:#00ed640d;border-radius:8px;border-left:3px solid #00ED64}.priority-list li strong{color:#00ed64!important;font-size:16px;display:block;margin-bottom:4px}.priority-list li span{color:#ffffffb3!important;font-size:14px}.webinars-section{background:linear-gradient(135deg,#5644d41a,#001e2b99);border-radius:16px;padding:48px;border:2px solid rgba(86,68,212,.2)}.webinars-timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}.webinar-quarter h3{font-size:24px;font-weight:700;color:#5644d4!important;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid rgba(86,68,212,.3)}.webinar-card{background:#00111acc;border-radius:12px;padding:20px;margin-bottom:16px;border:2px solid rgba(86,68,212,.2);display:flex;gap:16px;transition:all .3s ease}.webinar-card:hover{border-color:#5644d480;box-shadow:0 4px 16px #5644d433;transform:translate(4px)}.webinar-number{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#5644d4,#8b7fff);border-radius:50%;font-size:18px;font-weight:700;color:#fff!important;box-shadow:0 2px 8px #5644d466}.webinar-content h4{font-size:16px;font-weight:700;color:#fff!important;margin:0 0 8px}.webinar-target{font-size:14px;color:#00ed64!important;margin:0 0 6px;font-weight:600}.webinar-desc{font-size:14px;color:#fff!important;margin:0;line-height:1.5}.next-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.step-card{background:#00111acc;border-radius:12px;padding:24px;border:2px solid rgba(0,237,100,.15);display:flex;gap:16px;transition:all .3s ease}.step-card:hover{border-color:#00ed6466;box-shadow:0 4px 16px #00ed6426;transform:translateY(-2px)}.step-number{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00ed64,#00a846);border-radius:50%;font-size:24px;font-weight:700;color:#001e2b!important;box-shadow:0 2px 8px #00ed6466}.step-content h4{font-size:18px;font-weight:700;color:#fff!important;margin:0 0 8px}.step-content p{font-size:14px;color:#ffffffb3!important;margin:0;line-height:1.5}.managers-section{margin:24px 0;border-left:3px solid rgba(0,237,100,.3);padding-left:16px}.managers-toggle{width:100%;display:flex;align-items:center;gap:12px;padding:16px 24px;background:linear-gradient(135deg,#00ed641a,#00a8460d);border:2px solid rgba(0,237,100,.2);border-radius:12px;color:#00ed64!important;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.managers-toggle:hover{background:linear-gradient(135deg,#00ed6433,#00a8461a);border-color:#00ed6466;transform:translate(4px)}.managers-toggle span{flex:1;text-align:left;color:#00ed64!important}.managers-content{margin-top:16px;padding-left:8px;animation:slideDown .3s ease-out}.manager-card{background:linear-gradient(135deg,#001e2b99,#00111a66);border-left:3px solid rgba(86,68,212,.4);margin-bottom:20px;padding:20px}.manager-card:hover{border-left-color:#5644d4b3;box-shadow:0 6px 24px #5644d41f}.manager-avatar{width:56px!important;height:56px!important;background:linear-gradient(135deg,#5644d433,#8b7fff1a);border-color:#5644d44d}.persona-info h4{font-size:20px;font-weight:700;color:#fff!important;margin:0 0 4px}.reports-to{font-size:13px;color:#5644d4e6!important;font-weight:600;margin:4px 0 0}.use-case-container.compact{padding:16px;margin-top:16px;margin-bottom:0}.use-case-container.compact h5{font-size:16px;font-weight:700;color:#fff!important;margin:0 0 10px;display:flex;align-items:center;gap:10px}@media (max-width: 768px){.org-hero{padding:32px 24px}.org-hero-content{flex-direction:column;text-align:center}.org-hero-text h1{font-size:36px}.org-hero-title{font-size:20px}.persona-card{padding:24px}.priorities-grid,.webinars-timeline,.next-steps{grid-template-columns:1fr}.section-header h2{font-size:24px}.managers-toggle{padding:12px 16px;font-size:14px}.manager-card{padding:16px}}.cosmica-page{position:relative;min-height:100vh;background:linear-gradient(to bottom,#0a0e27,#1a1f3a,#0f1729);color:#fff;overflow-x:hidden}.stars-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:twinkle 3s infinite}@keyframes twinkle{0%,to{opacity:.2;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.sun{position:fixed;top:10%;right:10%;width:80px;height:80px;background:radial-gradient(circle,#FFD700 0%,#FFA500 50%,transparent 70%);border-radius:50%;animation:pulse-sun 4s ease-in-out infinite;z-index:2;box-shadow:0 0 60px gold,0 0 100px orange}@keyframes pulse-sun{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.moon{position:fixed;top:20%;left:8%;width:60px;height:60px;background:linear-gradient(135deg,#f0f0f0,silver);border-radius:50%;animation:float-moon 6s ease-in-out infinite;z-index:2;box-shadow:0 0 40px #ffffff80,inset -10px -10px 20px #0003}@keyframes float-moon{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;z-index:10;padding:2rem}.hero-content{animation:fadeInUp 1s ease-out}.logo-container{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:2rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.rocket,.planet{font-size:4rem;animation:spin 10s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.brand-name{font-size:clamp(4rem,12vw,8rem);font-weight:900;background:linear-gradient(135deg,gold,orange,#ff1493,#8a2be2,#00ced1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(255,215,0,.5);letter-spacing:.1em;margin:0;animation:glow-text 3s ease-in-out infinite}@keyframes glow-text{0%,to{filter:brightness(1) drop-shadow(0 0 20px #FFD700)}50%{filter:brightness(1.3) drop-shadow(0 0 40px #FFD700)}}.tagline{font-size:clamp(1.2rem,3vw,2rem);color:gold;margin:1rem 0;font-weight:600}.subtitle{font-size:clamp(1rem,2.5vw,1.5rem);color:orange;font-weight:500;margin-top:.5rem}.features-section{position:relative;z-index:10;padding:4rem 2rem;background:#ffd7000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.features-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.feature-card{background:linear-gradient(135deg,#ffd7001a,#ffa5001a);border:2px solid rgba(255,215,0,.3);border-radius:20px;padding:2rem;text-align:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-card:hover{transform:translateY(-10px) scale(1.05);border-color:gold;box-shadow:0 10px 40px #ffd70066;background:linear-gradient(135deg,#ffd70033,#ffa50033)}.feature-icon{font-size:3rem;display:block;margin-bottom:1rem;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.feature-card h3{font-size:1.1rem;color:gold;margin:0;font-weight:600}.products-section{position:relative;z-index:10;padding:6rem 2rem}.section-title{text-align:center;font-size:clamp(2.5rem,6vw,4rem);margin-bottom:4rem;color:gold;display:flex;align-items:center;justify-content:center;gap:1rem}.star-icon{animation:rotate-star 4s linear infinite}@keyframes rotate-star{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.products-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.product-card{position:relative;background:linear-gradient(135deg,#1a1f3acc,#0f1729cc);border:3px solid transparent;border-radius:25px;padding:2.5rem 2rem;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;overflow:hidden}.product-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:25px;padding:3px;background:linear-gradient(135deg,var(--product-color),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;transition:opacity .4s}.product-card:hover:before{opacity:1}.product-card.active{transform:translateY(-15px) scale(1.05);box-shadow:0 20px 60px #ffd7004d}.product-icon{font-size:4rem;margin-bottom:1.5rem;display:inline-block;animation:float 3s ease-in-out infinite}.product-name{font-size:1.8rem;font-weight:700;color:var(--product-color);margin-bottom:1rem;text-shadow:0 0 20px var(--product-color)}.product-message{font-size:1rem;line-height:1.6;color:#ffffffe6;font-weight:500}.product-glow{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80%;height:4px;background:linear-gradient(90deg,transparent,var(--product-color),transparent);opacity:0;transition:opacity .4s}.product-card:hover .product-glow{opacity:1}.cta-section{position:relative;z-index:10;padding:6rem 2rem;background:linear-gradient(135deg,#ffd7001a,#8a2be21a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cta-content{max-width:800px;margin:0 auto;text-align:center}.cta-content h2{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:1rem;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-content p{font-size:clamp(1.1rem,2.5vw,1.5rem);color:#fffc;margin-bottom:2rem}.cta-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}.cta-button{padding:1.2rem 3rem;font-size:1.2rem;font-weight:700;border-radius:50px;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none;text-transform:uppercase;letter-spacing:.05em}.cta-button.primary{background:linear-gradient(135deg,gold,orange);color:#0a0e27;box-shadow:0 10px 30px #ffd70066}.cta-button.primary:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 40px #ffd70099}.cta-button.secondary{background:transparent;color:gold;border:2px solid #FFD700}.cta-button.secondary:hover{background:#ffd7001a;transform:translateY(-5px) scale(1.05)}.social-icons{display:flex;gap:2rem;justify-content:center;margin-top:2rem}.social-icon{font-size:3rem;transition:all .3s ease;cursor:pointer;filter:grayscale(.3)}.social-icon:hover{transform:scale(1.2) rotate(10deg);filter:grayscale(0)}.footer{position:relative;z-index:10;padding:3rem 2rem;text-align:center;background:#0a0e27cc;border-top:2px solid rgba(255,215,0,.2)}.footer p{margin:.5rem 0;color:#fff9}.footer p:first-child{font-size:1.2rem;color:gold;font-weight:600}@media (max-width: 768px){.logo-container{flex-direction:column;gap:1rem}.rocket,.planet{font-size:3rem}.products-grid{grid-template-columns:1fr;gap:1.5rem}.features-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column}.sun{width:50px;height:50px;top:5%;right:5%}.moon{width:40px;height:40px;top:15%;left:5%}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.cosmica-page:after{content:"✨ 🌟 ⭐ 💫";position:fixed;top:0;left:0;width:100%;height:100%;font-size:2rem;opacity:.3;pointer-events:none;z-index:1;animation:float-particles 20s linear infinite}@keyframes float-particles{0%{transform:translateY(100vh)}to{transform:translateY(-100vh)}}.arquitectura-drp{min-height:100vh;background:linear-gradient(to bottom,#0a0e27,#1a1f3a,#0f1729);color:#fff;padding:2rem}.doc-header{text-align:center;padding:3rem 2rem;border-bottom:3px solid #00ED64;margin-bottom:3rem;position:relative}.doc-header:before{content:"BDP";position:absolute;top:1rem;right:2rem;background:linear-gradient(135deg,#00ed64,#00a847);color:#0a0e27;padding:.5rem 1.5rem;border-radius:25px;font-weight:800;font-size:.9rem;letter-spacing:.1em;box-shadow:0 4px 15px #00ed644d}.doc-header h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:900;margin:0 0 1rem;background:linear-gradient(135deg,#00ed64,#00ced1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(0,237,100,.3)}.doc-header p{font-size:clamp(1.2rem,3vw,1.8rem);color:#fffc;margin:0;font-weight:500}.executive-summary{max-width:1200px;margin:0 auto 4rem}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.summary-card{background:linear-gradient(135deg,#00ed641a,#00ced11a);border:2px solid rgba(0,237,100,.3);border-radius:20px;padding:2rem;transition:all .3s ease}.summary-card:hover{transform:translateY(-5px);border-color:#00ed64;box-shadow:0 10px 40px #00ed6433}.summary-icon{font-size:3rem;display:block;margin-bottom:1rem}.summary-card h3{color:#00ed64;font-size:1.3rem;margin:0 0 1rem;font-weight:700}.summary-card p{color:#ffffffe6;line-height:1.6;margin:0;font-size:1rem}.metrics-section{max-width:1400px;margin:0 auto 4rem;padding:4rem 2rem;background:#ffffff08;border-radius:30px;border:2px solid rgba(0,237,100,.2)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:3rem;max-width:1200px;margin:0 auto}.metric-card{background:linear-gradient(135deg,#8a2be226,#4b008226);border:3px solid #8A2BE2;border-radius:25px;padding:3rem 2.5rem;text-align:left;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;min-height:320px;display:flex;flex-direction:column;gap:1.5rem}.metric-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(138,43,226,.3),transparent);transform:rotate(45deg);transition:all .6s}.metric-card:hover:before{animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.metric-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #8a2be280;border-color:#9370db}.metric-card.active{border-color:gold;background:linear-gradient(135deg,#ffd70033,#ffa50033);box-shadow:0 15px 50px #ffd70066}.metric-header{display:flex;align-items:center;gap:1.5rem;position:relative;z-index:1;margin-bottom:.5rem}.metric-icon{font-size:3.5rem;line-height:1;filter:drop-shadow(0 4px 10px rgba(138,43,226,.5))}.metric-header h3{font-size:3rem;font-weight:900;color:#fff;margin:0;letter-spacing:.05em;text-shadow:0 2px 10px rgba(138,43,226,.5)}.metric-card.active .metric-header h3{color:gold}.metric-label{font-size:1.1rem;color:#9370db;font-weight:700;text-transform:uppercase;letter-spacing:.12em;position:relative;z-index:1;line-height:1.4}.metric-card.active .metric-label{color:gold}.metric-question{font-size:1.25rem;color:#fff;font-weight:600;line-height:1.5;position:relative;z-index:1;font-style:italic;padding:1rem 0;border-top:2px solid rgba(138,43,226,.3);border-bottom:2px solid rgba(138,43,226,.3)}.metric-card.active .metric-question{border-color:#ffd70066}.metric-impact{position:relative;z-index:1;line-height:1.7;font-size:1.05rem}.metric-impact strong{display:block;color:#00ed64;font-size:1.1rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.8rem}.metric-impact p{color:#ffffffe6;margin:0;line-height:1.7}.metric-value{font-size:2.5rem;color:#fff;font-weight:900;margin-bottom:.5rem;position:relative;z-index:1}.metric-description{font-size:.9rem;color:#ffffffb3;position:relative;z-index:1}.options-selector{max-width:800px;margin:0 auto 4rem;display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.option-button{padding:1.5rem 3rem;font-size:1.3rem;font-weight:700;border-radius:50px;border:3px solid #00ED64;background:transparent;color:#00ed64;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden}.option-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#00ed6433;transform:translate(-50%,-50%);transition:width .4s,height .4s}.option-button:hover:before{width:300px;height:300px}.option-button:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00ed6466}.option-button.active{background:linear-gradient(135deg,#00ed64,#00a847);color:#0a0e27;box-shadow:0 10px 40px #00ed6480;transform:scale(1.05)}.option-button span{position:relative;z-index:1}.architecture-detail{max-width:1600px;margin:0 auto 4rem;animation:fadeInUp .6s ease-out}.concept-section{background:#ffd7000d;border-left:4px solid #FFD700;padding:2rem;border-radius:10px;margin-bottom:3rem}.concept-title{color:gold;font-size:1.8rem;font-weight:800;margin:0 0 1rem}.concept-text{color:#ffffffe6;font-size:1.1rem;line-height:1.8;margin:0 0 1rem}.concept-text:last-child{margin-bottom:0}.mechanics-section{margin-bottom:3rem}.mechanics-title{color:#00ed64;font-size:1.8rem;font-weight:800;margin:0 0 2rem;text-align:center}.mechanics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.mechanic-card{background:linear-gradient(135deg,#00ed641a,#00ced11a);border:2px solid rgba(0,237,100,.3);border-radius:15px;padding:2rem;transition:all .3s ease;position:relative}.mechanic-card:hover{transform:translateY(-5px);border-color:#00ed64;box-shadow:0 10px 40px #00ed644d}.mechanic-number{position:absolute;top:-15px;left:20px;background:linear-gradient(135deg,#00ed64,#00a847);color:#0a0e27;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.3rem;box-shadow:0 4px 15px #00ed6466}.mechanic-card h4{color:#00ed64;font-size:1.3rem;margin:1rem 0;font-weight:700}.mechanic-card p{color:#ffffffd9;font-size:1rem;line-height:1.6;margin:0 0 .8rem}.mechanic-card p:last-child{margin-bottom:0}.mechanic-card strong{color:#00ced1;font-weight:700}.diagram-subtitle{text-align:center;color:#ffffffb3;font-size:1.1rem;margin:-.5rem 0 2rem;font-weight:500}.architecture-diagram{width:100%;max-width:1200px;height:auto;margin:0 auto 3rem;display:block;filter:drop-shadow(0 10px 30px rgba(0,0,0,.5))}.cloud-box{fill:#1e90ff1a;stroke:#1e90ff;stroke-width:3;rx:15}.onprem-box{fill:#ffa5001a;stroke:orange;stroke-width:3;rx:15}.bridge-box{fill:#8a2be233;stroke:#8a2be2;stroke-width:3;rx:10;stroke-dasharray:8,4}.section-label{fill:#fff;font-size:20px;font-weight:700;text-anchor:start}.section-label-small{fill:#fff;font-size:14px;font-weight:600;text-anchor:middle}.node-circle{fill:#00ed64;stroke:#00a847;stroke-width:3;transition:all .3s}.node-circle:hover{fill:#00ffa8;filter:drop-shadow(0 0 15px #00ED64)}.node-circle.inactive{fill:#ffa5004d;stroke:orange;stroke-dasharray:5,5}.node-circle.hot{fill:#ff4500;stroke:tomato;animation:pulse-hot 2s ease-in-out infinite}@keyframes pulse-hot{0%,to{fill:#ff4500;filter:drop-shadow(0 0 10px #FF4500)}50%{fill:tomato;filter:drop-shadow(0 0 20px #FF4500)}}.node-circle.active{animation:pulse-node 2s ease-in-out infinite}@keyframes pulse-node{0%,to{fill:#00ed64;filter:drop-shadow(0 0 10px #00ED64)}50%{fill:#00ffa8;filter:drop-shadow(0 0 20px #00ED64)}}.node-label{fill:#fff;font-size:14px;font-weight:600;text-anchor:middle}.snapshot-icon{fill:#6495edcc;stroke:#6495ed;stroke-width:2;rx:5}.file-bar{fill:#ffd70099;stroke:gold;stroke-width:2;rx:3}.message-box{fill:#8a2be299;stroke:#8a2be2;stroke-width:2;rx:5}.app-circle{fill:#32cd32b3;stroke:#32cd32;stroke-width:2}.component-box{fill:#ffffff1a;stroke:#fff;stroke-width:2;rx:10}.component-label,.component-title{fill:#fff;font-size:16px;font-weight:700;text-anchor:middle}.component-subtitle{fill:#fffc;font-size:13px;font-weight:500;text-anchor:middle}.component-text{fill:#ffffffe6;font-size:12px;text-anchor:start}.script-code{fill:#ffffffb3;font-size:12px;font-weight:400;text-anchor:middle}.flow-label{fill:#00ed64;font-size:12px;font-weight:600;text-anchor:start}.flow-label.realtime{fill:#ff4500}.flow-label.failover{fill:gold}.flow-label-small{fill:#fff9;font-size:10px;font-weight:500;text-anchor:start}.app-icon{fill:#0a0e27;font-size:14px;font-weight:700;text-anchor:middle}.flow-arrow{fill:none;stroke:#00ed64;stroke-width:3;stroke-linecap:round;animation:flow-pulse 2s ease-in-out infinite}@keyframes flow-pulse{0%,to{stroke-opacity:.6}50%{stroke-opacity:1}}.flow-arrow.realtime{stroke:#ff4500;stroke-width:4;animation:flow-realtime 1.5s ease-in-out infinite}@keyframes flow-realtime{0%,to{stroke-opacity:.7;stroke-width:3}50%{stroke-opacity:1;stroke-width:5}}.failover-arrow{fill:none;stroke:gold;stroke-width:3;stroke-dasharray:8,4;stroke-linecap:round}.arrow-label{fill:#00ed64;font-size:13px;font-weight:700;text-anchor:middle}.arrow-label.failover{fill:gold}.arrow-label.realtime{fill:#ff4500}.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem}.step-card{background:linear-gradient(135deg,#00ced11a,#008b8b1a);border:2px solid rgba(0,206,209,.3);border-radius:15px;padding:1.5rem;transition:all .3s ease}.step-card:hover{transform:translateY(-5px);border-color:#00ced1;box-shadow:0 10px 30px #00ced14d}.step-number{display:inline-block;background:linear-gradient(135deg,#00ced1,#008b8b);color:#0a0e27;width:40px;height:40px;border-radius:50%;text-align:center;line-height:40px;font-weight:900;font-size:1.2rem;margin-bottom:1rem}.step-card h4{color:#00ced1;font-size:1.1rem;margin:0 0 .5rem;font-weight:700}.step-card p{color:#fffc;font-size:.95rem;line-height:1.5;margin:0}.characteristics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem}.characteristic-card{background:#ffffff0d;border:2px solid rgba(255,255,255,.2);border-radius:15px;padding:1.5rem;text-align:center;transition:all .3s ease}.characteristic-card:hover{background:#ffffff14;border-color:#00ed64;transform:scale(1.05)}.characteristic-card strong{display:block;color:#00ed64;font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;font-weight:700}.characteristic-card span{color:#fff;font-size:1.3rem;font-weight:600}.characteristic-card.warning strong{color:#ff4500}.characteristic-card.warning{border-color:#ff450066}.comparison-section{max-width:1200px;margin:0 auto 4rem;padding:3rem 2rem;background:#0000004d;border-radius:30px}.comparison-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:20px;box-shadow:0 10px 40px #00000080}.comparison-table thead{background:linear-gradient(135deg,#00ed64,#00a847)}.comparison-table th{color:#0a0e27;font-weight:800;font-size:1.1rem;padding:1.5rem 1rem;text-align:left;text-transform:uppercase;letter-spacing:.05em}.comparison-table tbody tr{background:#ffffff0d;transition:all .3s ease}.comparison-table tbody tr:hover{background:#ffffff1a;transform:scale(1.02)}.comparison-table td{color:#fff;padding:1.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);font-size:1rem}.row-warm td:first-child{border-left:4px solid #1E90FF;font-weight:700}.row-hot td:first-child{border-left:4px solid #FF4500;font-weight:700}.warning-section{max-width:1000px;margin:0 auto 4rem}.warning-box{background:linear-gradient(135deg,#ff450033,#f003);border:3px solid #FF4500;border-radius:20px;padding:2rem;position:relative;overflow:hidden}.warning-box:before{content:"⚠️";position:absolute;top:-20px;right:-20px;font-size:10rem;opacity:.1}.warning-box h3{color:#ff4500;font-size:1.5rem;margin:0 0 1rem;font-weight:800;display:flex;align-items:center;gap:.5rem}.warning-box p{color:#ffffffe6;line-height:1.7;margin:0 0 1rem;font-size:1rem}.warning-box p:last-child{margin:0}.warning-box strong{color:gold;font-weight:700}.doc-footer{max-width:1200px;margin:4rem auto 0;padding:2rem;border-top:2px solid rgba(0,237,100,.3);display:flex;justify-content:space-between;align-items:center}.mongo-logo{font-size:1.5rem;font-weight:900;background:linear-gradient(135deg,#00ed64,#00a847);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.client-name{font-size:1.5rem;font-weight:900;color:#00ced1;letter-spacing:.2em}.section-title{font-size:clamp(2rem,5vw,3rem);font-weight:900;color:#00ed64;margin:0 0 1rem;text-shadow:0 2px 20px rgba(0,237,100,.4)}.title-underline{width:100px;height:4px;background:linear-gradient(90deg,transparent,#00ED64,transparent);margin:0 auto 1.5rem;border-radius:2px}.section-description{font-size:1.2rem;color:#ffffffb3;font-weight:500;line-height:1.6;max-width:700px;margin:0 auto}@media (max-width: 1200px){.metrics-grid{grid-template-columns:1fr;max-width:600px}}@media (max-width: 768px){.arquitectura-drp{padding:1rem}.doc-header{padding:2rem 1rem}.doc-header:before{top:.5rem;right:1rem;font-size:.8rem;padding:.4rem 1rem}.summary-grid,.metrics-grid,.process-steps,.characteristics-grid{grid-template-columns:1fr}.metrics-section{padding:2rem 1rem}.metrics-grid{gap:2rem}.metric-card{padding:2rem 1.5rem;min-height:auto}.metric-header h3{font-size:2.5rem}.metric-icon{font-size:3rem}.metric-question{font-size:1.1rem}.metric-impact{font-size:1rem}.section-description{font-size:1rem;padding:0 1rem}.options-selector{flex-direction:column;gap:1rem}.option-button{width:100%;padding:1rem 2rem;font-size:1rem}.architecture-diagram{max-width:100%}.comparison-table{font-size:.85rem}.comparison-table th,.comparison-table td{padding:1rem .5rem}.doc-footer{flex-direction:column;gap:1rem;text-align:center}}@media print{.arquitectura-drp{background:#fff;color:#000}.option-button,.metric-card{border-color:#000;color:#000}.architecture-diagram{filter:none}}.drp-hibrido{min-height:100vh;background:linear-gradient(135deg,#001e2b,#0d2a3d);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.drp-header{position:relative;padding:4rem 2rem;background:linear-gradient(135deg,#001e2b,#0d2a3d,#001e2b);overflow:hidden}.header-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top right,rgba(0,237,100,.15),transparent 50%),radial-gradient(circle at bottom left,rgba(86,68,212,.15),transparent 50%);pointer-events:none;animation:gradientShift 10s ease-in-out infinite}@keyframes gradientShift{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.header-content{position:relative;z-index:1;max-width:1200px;margin:0 auto;text-align:center}.header-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:#00ed6426;border:1px solid rgba(0,237,100,.3);border-radius:50px;color:#00ed64;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;animation:fadeInDown .6s ease-out}.header-title{font-size:3.5rem;font-weight:800;margin:0 0 1rem;background:linear-gradient(135deg,#00ed64,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp .8s ease-out}.header-subtitle{font-size:1.5rem;color:#fffc;margin:0 0 2rem;animation:fadeInUp 1s ease-out}.header-tags{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;animation:fadeInUp 1.2s ease-out}.tag{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;font-size:.875rem;transition:all .3s ease}.tag:hover{background:#00ed641a;border-color:#00ed644d;transform:translateY(-2px)}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-size:2.5rem;font-weight:700;margin:0 0 1rem;color:#fff}.title-underline{width:80px;height:4px;background:linear-gradient(90deg,transparent,#00ED64,transparent);margin:0 auto 1.5rem;border-radius:2px}.section-description{font-size:1.125rem;color:#ffffffb3;max-width:800px;margin:0 auto;line-height:1.6}.objective-section{padding:4rem 0}.objective-card{display:flex;gap:2rem;align-items:center;padding:2.5rem;background:#00ed640d;border:1px solid rgba(0,237,100,.2);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .8s ease-out}.objective-icon{flex-shrink:0;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00ed64,#00d757);border-radius:50%;color:#001e2b;box-shadow:0 10px 40px #00ed644d}.objective-content h2{font-size:1.75rem;margin:0 0 1rem;color:#00ed64}.objective-content p{font-size:1.125rem;line-height:1.7;color:#ffffffd9;margin:0}.questions-section{padding:4rem 0}.questions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-top:3rem}.question-card{position:relative;padding:2.5rem;background:#0d2a3d99;border:1px solid rgba(255,255,255,.1);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s cubic-bezier(.4,0,.2,1);animation:fadeInUp .8s ease-out}.question-card:hover{transform:translateY(-8px);border-color:#00ed644d;box-shadow:0 20px 60px #00ed6433}.question-icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-bottom:1.5rem;animation:pulse 2s ease-in-out infinite}.question-icon.rpo-color{background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 8px 32px #f59e0b4d}.question-icon.rto-color{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 8px 32px #3b82f64d}.question-number{display:inline-block;padding:.25rem .75rem;background:#00ed6426;border-radius:20px;font-size:.75rem;font-weight:600;color:#00ed64;margin-bottom:1rem}.question-card h3{font-size:1.5rem;margin:0 0 1.5rem;color:#fff;line-height:1.3}.question-examples{margin:1.5rem 0}.example{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff08;border-radius:8px;margin-bottom:.75rem;color:#fffc;transition:all .3s ease}.example:hover{background:#00ed640d;transform:translate(5px)}.example svg{flex-shrink:0;color:#00ed64}.question-metric{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.question-metric strong{display:block;color:#00ed64;font-size:1rem;margin-bottom:.5rem}.question-metric p{color:#fff9;font-size:.875rem;margin:0}.strategy-selector-section{padding:4rem 0 2rem}.selector-title{text-align:center;font-size:2rem;font-weight:700;margin:0 0 2rem;color:#fff}.strategy-selector{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.strategy-btn{display:flex;align-items:center;gap:1.25rem;padding:1.5rem 2.5rem;background:#0d2a3d99;border:2px solid rgba(255,255,255,.1);border-radius:16px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.strategy-btn:hover{transform:translateY(-4px);border-color:#00ed6480;box-shadow:0 12px 40px #00ed6433}.strategy-btn.active{background:linear-gradient(135deg,#00ed6433,#00ed641a);border-color:#00ed64;box-shadow:0 0 40px #00ed6466}.strategy-btn svg{flex-shrink:0}.btn-content{display:flex;flex-direction:column;align-items:flex-start}.btn-title{font-size:.875rem;color:#fff9;margin-bottom:.25rem}.btn-subtitle{font-size:1.125rem;color:#fff}.strategy-detail-section{padding:3rem 0 4rem;animation:fadeIn .6s ease-out}.strategy-header{display:flex;align-items:center;gap:2rem;padding:2rem;background:#0d2a3d99;border-left:4px solid;border-radius:16px;margin-bottom:2.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.strategy-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:16px;color:#fff;flex-shrink:0;box-shadow:0 8px 32px #0000004d}.strategy-info h2{font-size:2rem;margin:0 0 .5rem;color:#fff}.strategy-info p{font-size:1.125rem;color:#ffffffb3;margin:0}.analogy-card{padding:2rem;background:linear-gradient(135deg,#5644d426,#5644d40d);border:1px solid rgba(86,68,212,.3);border-radius:16px;margin-bottom:2.5rem}.analogy-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.analogy-icon{font-size:2rem}.analogy-header h3{font-size:1.5rem;margin:0;color:#fff}.analogy-text{font-size:1.125rem;line-height:1.7;color:#ffffffd9;margin:0;font-style:italic}.metric-card{padding:2rem;background:#0d2a3d66;border:1px solid rgba(255,255,255,.1);border-radius:16px;text-align:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.metric-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.metric-label{font-size:.875rem;color:#fff9;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.metric-value{font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.metric-desc{font-size:.875rem;color:#ffffffb3}.how-it-works{margin:3rem 0}.subsection-title{font-size:1.75rem;font-weight:700;margin:0 0 2rem;color:#fff}.steps-container{display:flex;flex-direction:column;gap:1rem}.step-card{background:#0d2a3d66;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.step-card:hover{border-color:#00ed644d;box-shadow:0 8px 32px #00ed6426}.step-card.expanded{background:#0d2a3d99;border-color:#00ed6480}.step-header{display:flex;align-items:center;gap:1.5rem;padding:1.5rem}.step-number{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00ed64,#00d757);border-radius:50%;color:#001e2b;font-size:1.5rem;font-weight:800;flex-shrink:0;box-shadow:0 4px 16px #00ed644d}.step-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:12px;flex-shrink:0;color:#00ed64}.step-title-group{flex:1}.step-title-group h4{font-size:1.25rem;margin:0 0 .5rem;color:#fff}.step-tech{display:inline-block;padding:.25rem .75rem;background:#00ed6426;border-radius:20px;font-size:.75rem;color:#00ed64;font-family:Courier New,monospace}.step-content{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease}.step-card.expanded .step-content{max-height:500px;padding:0 1.5rem 1.5rem}.step-content p{font-size:1rem;line-height:1.7;color:#fffc;margin:0;padding-left:116px}.pros-cons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin:3rem 0}.pros-card,.cons-card{padding:2rem;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pros-card{background:#10b9810d;border:1px solid rgba(16,185,129,.2)}.cons-card{background:#ef44440d;border:1px solid rgba(239,68,68,.2)}.card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.card-header h3{font-size:1.5rem;margin:0;color:#fff}.pros-icon{color:#10b981}.cons-icon{color:#ef4444}.pros-list,.cons-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.pros-list li,.cons-list li{display:flex;align-items:flex-start;gap:1rem;font-size:1rem;line-height:1.6;color:#ffffffd9}.pros-list svg{flex-shrink:0;margin-top:.25rem;color:#10b981}.cons-list svg{flex-shrink:0;margin-top:.25rem;color:#ef4444}.ideal-for-card{padding:2rem;background:linear-gradient(135deg,#00ed641a,#00ed640d);border:1px solid rgba(0,237,100,.3);border-radius:16px;margin-top:2rem}.ideal-for-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.ideal-for-icon{font-size:2rem}.ideal-for-header h3{font-size:1.5rem;margin:0;color:#00ed64}.ideal-for-card p{font-size:1.125rem;line-height:1.7;color:#ffffffd9;margin:0}.comparison-section{padding:4rem 0;background:#0003}.comparison-table-wrapper{overflow-x:auto;border-radius:16px;box-shadow:0 8px 32px #0000004d}.comparison-table{width:100%;border-collapse:collapse;background:#0d2a3d99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.comparison-table thead{background:#0000004d}.comparison-table th{padding:1.5rem;text-align:left;font-size:1rem;font-weight:700;color:#fff;border-bottom:2px solid rgba(0,237,100,.3)}.comparison-table th:first-child{width:25%}.option-1-col,.option-2-col{display:flex;align-items:center;gap:.75rem}.comparison-table td{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05);color:#ffffffd9;font-size:.9375rem;line-height:1.6}.criteria-cell{background:#0003;font-weight:600}.comparison-table tbody tr:hover{background:#00ed640d}.positive{color:#10b981!important;font-weight:600}.negative{color:#f59e0b!important;font-weight:600}.brokers-section{padding:4rem 0}.brokers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:3rem}.broker-card{padding:2rem;background:#0d2a3d66;border:2px solid rgba(255,255,255,.1);border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.broker-card:hover{transform:translateY(-8px);border-color:#00ed644d;box-shadow:0 20px 60px #0006}.broker-card.selected{border-color:#00ed6480;background:#0d2a3d99;box-shadow:0 0 40px #00ed644d}.broker-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.broker-icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:16px;flex-shrink:0;box-shadow:0 8px 24px #0000004d}.broker-title-group h3{font-size:1.5rem;margin:0 0 .5rem;color:#fff}.broker-category{display:inline-block;padding:.25rem .75rem;background:#00ed6426;border-radius:20px;font-size:.75rem;color:#00ed64;font-weight:600}.broker-description{font-size:1rem;line-height:1.6;color:#fffc;margin:0 0 1.5rem}.broker-lists{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.broker-pros h4,.broker-cons h4{display:flex;align-items:center;gap:.5rem;font-size:.875rem;margin:0 0 1rem;text-transform:uppercase;letter-spacing:1px}.broker-pros h4{color:#10b981}.broker-cons h4{color:#f59e0b}.broker-pros ul,.broker-cons ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.broker-pros li,.broker-cons li{font-size:.875rem;color:#ffffffb3;padding-left:1rem;position:relative}.broker-pros li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.broker-cons li:before{content:"−";position:absolute;left:0;color:#f59e0b;font-weight:700}.broker-ideal{padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.broker-ideal strong{display:block;color:#00ed64;font-size:.875rem;margin-bottom:.5rem}.broker-ideal p{font-size:.9375rem;line-height:1.6;color:#ffffffbf;margin:0}.recommendations-card{margin-top:3rem;padding:2.5rem;background:linear-gradient(135deg,#00ed641a,#5644d41a);border:1px solid rgba(0,237,100,.3);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.recommendations-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.recommendations-header h3{font-size:1.75rem;margin:0;color:#fff}.recommendations-header svg{color:#00ed64}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.recommendation-item{padding:1.5rem;background:#0d2a3d66;border-radius:12px;transition:all .3s ease}.recommendation-item:hover{transform:translateY(-4px);background:#0d2a3d99}.recommendation-badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:700;margin-bottom:1rem}.recommendation-badge.rabbitmq{background:#f603;color:#f60;border:1px solid rgba(255,102,0,.3)}.recommendation-badge.pulsar{background:#188fff33;color:#188fff;border:1px solid rgba(24,143,255,.3)}.recommendation-badge.redis{background:#dc382d33;color:#dc382d;border:1px solid rgba(220,56,45,.3)}.recommendation-item p{font-size:1rem;line-height:1.6;color:#ffffffd9;margin:0}.drp-footer{padding:3rem 0;background:#0000004d;border-top:1px solid rgba(255,255,255,.1);margin-top:4rem}.footer-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-logo{display:flex;align-items:center;gap:.75rem;color:#00ed64;font-weight:600;font-size:1.125rem}.footer-meta{display:flex;align-items:center;gap:1rem;color:#ffffff80;font-size:.875rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 8px 32px #0000004d}50%{transform:scale(1.05);box-shadow:0 12px 48px #0006}}@media (max-width: 768px){.header-title{font-size:2.5rem}.header-subtitle{font-size:1.25rem}.questions-grid{grid-template-columns:1fr}.strategy-selector{flex-direction:column}.strategy-btn{width:100%;justify-content:center}.strategy-header{flex-direction:column;text-align:center}.pros-cons-grid,.broker-lists,.brokers-grid,.recommendations-grid{grid-template-columns:1fr}.step-content p{padding-left:0}.comparison-table{font-size:.875rem}.comparison-table th,.comparison-table td{padding:1rem}}@media (max-width: 480px){.container{padding:0 1rem}.drp-header{padding:3rem 1rem}.header-title{font-size:2rem}.section-title{font-size:1.75rem}.objective-card{flex-direction:column;text-align:center}.question-card{padding:1.5rem}.metrics-grid{grid-template-columns:1fr}}.drp-failback{min-height:100vh;background:linear-gradient(135deg,#0a1628,#1e293b);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.failback-header{position:relative;padding:4rem 2rem;background:linear-gradient(135deg,#0a1628,#1e293b,#0a1628);overflow:hidden}.failback-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(16,185,129,.15) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(99,102,241,.15) 0%,transparent 50%);animation:headerGlow 8s ease-in-out infinite}@keyframes headerGlow{0%,to{opacity:.5}50%{opacity:.8}}.header-content{position:relative;z-index:1;max-width:1200px;margin:0 auto;text-align:center;animation:fadeInDown .8s ease-out}.header-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#10b98133;border:1px solid rgba(16,185,129,.3);border-radius:20px;color:#10b981;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.header-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#10b981,#3b82f6,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.header-subtitle{font-size:1.25rem;color:#fffc;margin-bottom:2rem;font-weight:400}.header-tags{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.tag{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;font-size:.875rem;color:#ffffffe6;transition:all .3s ease}.tag:hover{background:#ffffff1a;border-color:#10b98180;transform:translateY(-2px)}.section{padding:4rem 2rem;animation:fadeInUp .6s ease-out}.section-content{max-width:1200px;margin:0 auto}.section-title{font-size:2rem;font-weight:700;margin-bottom:1rem;text-align:center;color:#fff}.section-description{text-align:center;color:#ffffffb3;font-size:1.1rem;margin-bottom:3rem}.intro-section{background:linear-gradient(135deg,#10b9810d,#3b82f60d)}.intro-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2.5rem;margin-bottom:2rem;text-align:center;transition:all .3s ease}.intro-card:hover{background:#ffffff14;border-color:#10b9814d;transform:translateY(-4px);box-shadow:0 8px 32px #10b98133}.intro-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:#10b98133;border-radius:50%;color:#10b981;margin-bottom:1.5rem;animation:pulse 2s ease-in-out infinite}.intro-card h2{font-size:1.75rem;margin-bottom:1rem;color:#fff}.intro-text{font-size:1.1rem;line-height:1.6;color:#fffc;margin-bottom:1rem}.intro-text strong{color:#10b981;font-weight:600}.analogy-card{display:flex;gap:1.5rem;background:linear-gradient(135deg,#6366f11a,#3b82f61a);border:1px solid rgba(99,102,241,.3);border-radius:16px;padding:2rem;margin-bottom:2rem;transition:all .3s ease}.analogy-card:hover{transform:translate(8px);box-shadow:0 4px 24px #6366f14d}.analogy-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#6366f133;border-radius:12px;color:#6366f1}.analogy-content h3{font-size:1.25rem;margin-bottom:.75rem;color:#6366f1}.analogy-content p{font-size:1rem;line-height:1.6;color:#ffffffd9}.analogy-content strong{color:#fff}.golden-rule{display:flex;gap:1.5rem;background:linear-gradient(135deg,#f59e0b1a,#ef44441a);border:2px solid rgba(245,158,11,.4);border-radius:16px;padding:2rem;transition:all .3s ease}.golden-rule:hover{border-color:#f59e0b99;box-shadow:0 4px 24px #f59e0b4d}.rule-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#f59e0b33;border-radius:12px;color:#f59e0b}.rule-content h3{font-size:1.25rem;margin-bottom:.75rem;color:#f59e0b}.rule-content p{font-size:1rem;line-height:1.6;color:#ffffffd9}.rule-content strong{color:#fff}.scenario-section{background:#0003}.timeline{position:relative;padding:2rem 0;margin:2rem 0}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#ef4444,#f59e0b,#10b981);transform:translate(-50%)}.timeline-item{position:relative;display:flex;align-items:center;gap:2rem;margin-bottom:3rem;animation:fadeInUp .6s ease-out}.timeline-item:nth-child(odd){flex-direction:row;text-align:right}.timeline-item:nth-child(odd) .timeline-content{margin-right:auto;padding-right:3rem;width:calc(50% - 2rem)}.timeline-item:nth-child(2n){flex-direction:row-reverse;text-align:left}.timeline-item:nth-child(2n) .timeline-content{margin-left:auto;padding-left:3rem;width:calc(50% - 2rem)}.timeline-icon{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;z-index:2;transition:all .3s ease}.timeline-item.alert .timeline-icon{background:#ef444433;border:3px solid #EF4444;color:#ef4444;animation:pulse 2s ease-in-out infinite}.timeline-item.action .timeline-icon{background:#f59e0b33;border:3px solid #F59E0B;color:#f59e0b}.timeline-item.success .timeline-icon{background:#10b98133;border:3px solid #10B981;color:#10b981}.timeline-content{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;transition:all .3s ease}.timeline-content:hover{background:#ffffff14;transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.timeline-time{font-size:1.5rem;font-weight:700;color:#10b981;margin-bottom:.5rem}.timeline-title{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:.5rem}.timeline-description{font-size:1rem;color:#ffffffb3}.scenario-problem{display:flex;align-items:center;gap:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:1.5rem;margin:2rem 0;color:#ffffffe6}.scenario-problem svg{flex-shrink:0;color:#ef4444}.scenario-question{text-align:center;margin-top:2rem}.scenario-question h3{font-size:1.5rem;color:#10b981;margin-bottom:1rem}.scenario-question p{font-size:1.1rem;color:#fffc}.options-section{background:linear-gradient(135deg,#6366f10d,#10b9810d)}.options-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.option-button{display:flex;align-items:center;gap:1.5rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff}.option-button:hover{background:#ffffff14;border-color:#10b98180;transform:translateY(-4px);box-shadow:0 8px 32px #10b98133}.option-button.active{background:linear-gradient(135deg,#10b98133,#3b82f633);border-color:#10b981;box-shadow:0 8px 32px #10b9814d}.option-button svg{flex-shrink:0;color:#10b981}.option-button.active svg{animation:pulse 2s ease-in-out infinite}.option-button-content{flex:1;text-align:left}.option-button-title{font-size:1rem;font-weight:600;color:#ffffffb3;margin-bottom:.25rem}.option-button-subtitle{font-size:1.25rem;font-weight:700;color:#fff}.detail-section{background:#0003}.strategy-header{display:flex;align-items:center;gap:1.5rem;padding:2rem;background:#ffffff0d;border-left:4px solid;border-radius:16px;margin-bottom:2rem;transition:all .3s ease}.strategy-header:hover{background:#ffffff14;transform:translate(8px)}.strategy-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:16px;flex-shrink:0}.strategy-header-content h2{font-size:2rem;margin-bottom:.5rem;color:#fff}.strategy-subtitle{font-size:1.1rem;color:#ffffffb3}.detail-analogy{display:flex;align-items:flex-start;gap:1.5rem;background:linear-gradient(135deg,#6366f11a,#3b82f61a);border:1px solid rgba(99,102,241,.3);border-radius:12px;padding:1.5rem;margin-bottom:2rem;font-size:1rem;line-height:1.6;color:#ffffffd9}.detail-analogy .analogy-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#6366f133;border-radius:12px;color:#6366f1}.analogy-text strong{color:#fff}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.metric-card{display:flex;gap:1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-left:4px solid;border-radius:12px;padding:1.5rem;transition:all .3s ease}.metric-card:hover{background:#ffffff14;transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.metric-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#ffffff1a;border-radius:12px}.metric-content{flex:1}.metric-label{font-size:.875rem;color:#fff9;margin-bottom:.5rem;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.metric-value{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.25rem}.metric-description{font-size:.875rem;color:#ffffffb3}.steps-section{margin-bottom:3rem}.steps-title{font-size:1.5rem;font-weight:700;margin-bottom:2rem;color:#10b981;text-align:center}.steps-list{display:flex;flex-direction:column;gap:1rem}.step-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;transition:all .3s ease}.step-item:hover{border-color:#10b9814d}.step-item.expanded{border-color:#10b981;box-shadow:0 4px 24px #10b98133}.step-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;cursor:pointer;transition:all .3s ease}.step-header:hover{background:#ffffff0d}.step-number{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#10b98133;border-radius:50%;font-size:1.25rem;font-weight:700;color:#10b981}.step-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#3b82f633;border-radius:50%;color:#3b82f6}.step-header-content{flex:1}.step-title{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:.25rem}.step-description{font-size:.9rem;color:#ffffffb3}.step-arrow{flex-shrink:0;color:#ffffff80;transition:transform .3s ease}.step-arrow.rotated{transform:rotate(90deg)}.step-details{padding:0 1.5rem 1.5rem;animation:fadeIn .3s ease-out}.step-details ul{list-style:none;padding:0;margin:0}.step-details li{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;margin-bottom:.5rem;background:#10b9810d;border-radius:8px;color:#ffffffd9;transition:all .2s ease}.step-details li:hover{background:#10b9811a;transform:translate(8px)}.step-details li svg{flex-shrink:0;color:#10b981;margin-top:2px}.pros-cons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.pros-card,.cons-card{background:#ffffff0d;border:1px solid;border-radius:12px;padding:2rem;transition:all .3s ease}.pros-card{border-color:#10b9814d}.pros-card:hover{border-color:#10b981;box-shadow:0 4px 24px #10b98133;transform:translateY(-4px)}.cons-card{border-color:#f59e0b4d}.cons-card:hover{border-color:#f59e0b;box-shadow:0 4px 24px #f59e0b33;transform:translateY(-4px)}.card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.pros-card .card-header{color:#10b981}.cons-card .card-header{color:#f59e0b}.card-header h4{font-size:1.25rem;font-weight:700}.pros-card ul,.cons-card ul{list-style:none;padding:0;margin:0}.pros-card li,.cons-card li{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem;color:#ffffffd9;transition:all .2s ease}.pros-card li:hover,.cons-card li:hover{transform:translate(8px)}.pros-card li svg{flex-shrink:0;color:#10b981;margin-top:2px}.cons-card li svg{flex-shrink:0;color:#f59e0b;margin-top:2px}.ideal-for-card{display:flex;gap:1.5rem;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:2px solid rgba(99,102,241,.4);border-radius:16px;padding:2rem;transition:all .3s ease}.ideal-for-card:hover{border-color:#6366f1;box-shadow:0 4px 24px #6366f14d}.ideal-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#6366f133;border-radius:12px;color:#6366f1}.ideal-content h4{font-size:1.25rem;color:#6366f1;margin-bottom:.75rem}.ideal-content p{font-size:1rem;line-height:1.6;color:#ffffffd9}.comparison-section{background:linear-gradient(135deg,#10b9810d,#3b82f60d)}.comparison-table-wrapper{overflow-x:auto;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.comparison-table{width:100%;border-collapse:collapse;background:#ffffff0d}.comparison-table thead{background:#10b98133}.comparison-table th{padding:1.5rem;text-align:left;font-weight:600;color:#10b981;border-bottom:2px solid rgba(16,185,129,.3)}.comparison-table td{padding:1.5rem;color:#ffffffd9;border-bottom:1px solid rgba(255,255,255,.1)}.comparison-table tbody tr{transition:all .3s ease}.comparison-table tbody tr:hover{background:#ffffff14}.table-cell-with-icon{display:flex;align-items:center;gap:.75rem}.table-cell-with-icon svg{color:#3b82f6}.badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600}.badge-success{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.badge-warning{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.badge-danger{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.badge-info{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.governance-section{background:linear-gradient(135deg,#8b5cf60d,#6366f10d)}.governance-header{display:flex;gap:2rem;margin-bottom:3rem}.governance-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:#8b5cf633;border-radius:20px;color:#8b5cf6;animation:pulse 3s ease-in-out infinite}.governance-header-content{flex:1}.governance-intro{font-size:1.15rem;line-height:1.6;color:#ffffffd9;margin-bottom:1.5rem}.governance-intro strong{color:#8b5cf6}.governance-quote{display:flex;align-items:center;gap:1rem;background:#8b5cf61a;border-left:4px solid #8B5CF6;border-radius:8px;padding:1.5rem;font-style:italic;color:#ffffffe6}.governance-quote svg{flex-shrink:0;color:#8b5cf6}.phases-list{display:flex;flex-direction:column;gap:2rem}.phase-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-left:4px solid;border-radius:12px;overflow:hidden;transition:all .3s ease}.phase-item:hover{transform:translate(8px)}.phase-item.expanded{box-shadow:0 8px 32px #0000004d}.phase-header{display:flex;align-items:center;gap:1.5rem;padding:2rem;cursor:pointer;transition:all .3s ease}.phase-header:hover{background:#ffffff0d}.phase-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px}.phase-header-content{flex:1}.phase-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem}.phase-description{font-size:1rem;color:#ffffffb3;line-height:1.5}.phase-arrow{flex-shrink:0;color:#ffffff80;transition:transform .3s ease}.phase-arrow.rotated{transform:rotate(90deg)}.phase-content{padding:0 2rem 2rem;animation:fadeIn .3s ease-out}.committee-content{padding-top:1rem}.committee-intro{display:flex;align-items:center;gap:1rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;padding:1rem;margin-bottom:2rem;color:#ffffffe6;font-style:italic}.committee-intro svg{flex-shrink:0;color:#f59e0b}.roles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.role-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease}.role-card:hover{background:#ffffff14;border-color:#8b5cf680;transform:translateY(-4px)}.role-card.selected{border-color:#8b5cf6;box-shadow:0 4px 24px #8b5cf64d}.role-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.role-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#8b5cf633;border-radius:8px;color:#8b5cf6}.role-header h4{font-size:1.1rem;color:#fff}.role-description{font-size:.9rem;color:#ffffffb3;line-height:1.5;margin-bottom:1rem}.role-responsibilities{padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);animation:fadeIn .3s ease-out}.role-responsibilities h5{font-size:.875rem;color:#8b5cf6;margin-bottom:.75rem;text-transform:uppercase;font-weight:600}.role-responsibilities ul{list-style:none;padding:0;margin:0}.role-responsibilities li{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;color:#ffffffd9;font-size:.875rem}.role-responsibilities li svg{flex-shrink:0;color:#8b5cf6;margin-top:2px}.phase-detail-content{padding-top:1rem}.key-question{display:flex;align-items:center;gap:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:1rem;margin-bottom:2rem;color:#ffffffe6;font-size:1rem}.key-question svg{flex-shrink:0;color:#ef4444}.key-question strong{color:#ef4444}.phase-steps{display:flex;flex-direction:column;gap:1.5rem}.phase-step-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;transition:all .3s ease}.phase-step-card:hover{background:#ffffff14;border-color:#3b82f64d}.phase-step-card h4{font-size:1.15rem;color:#3b82f6;margin-bottom:.5rem}.phase-step-description{font-size:.95rem;color:#fffc;margin-bottom:1rem}.phase-step-card ul{list-style:none;padding:0;margin:0}.phase-step-card li{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.5rem;padding:.5rem;background:#3b82f60d;border-radius:6px;color:#ffffffd9;font-size:.9rem;transition:all .2s ease}.phase-step-card li:hover{background:#3b82f61a;transform:translate(4px)}.phase-step-card li svg{flex-shrink:0;color:#3b82f6;margin-top:2px}.key-principles{margin-bottom:2rem}.key-principles h4{font-size:1.25rem;color:#f59e0b;margin-bottom:1rem}.principles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.principle-card{background:#f59e0b0d;border:1px solid rgba(245,158,11,.2);border-radius:12px;padding:1.5rem;transition:all .3s ease}.principle-card:hover{border-color:#f59e0b66;transform:translateY(-4px)}.principle-card h5{font-size:1.1rem;color:#f59e0b;margin-bottom:.5rem}.principle-description{font-size:.95rem;color:#fffc;margin-bottom:.75rem}.principle-rationale{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;color:#ffffffb3;font-style:italic}.principle-rationale svg{flex-shrink:0;color:#10b981;margin-top:2px}.audiences-section{margin-top:2rem}.audiences-section h4{font-size:1.25rem;color:#6366f1;margin-bottom:1rem}.audiences-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.audience-card{background:#6366f10d;border:1px solid rgba(99,102,241,.2);border-radius:12px;padding:1.5rem;transition:all .3s ease}.audience-card:hover{border-color:#6366f166;transform:translateY(-4px)}.audience-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.audience-header svg{color:#6366f1}.audience-header h5{font-size:1.1rem;color:#6366f1}.audience-card ul{list-style:none;padding:0;margin:0}.audience-card li{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.75rem;color:#ffffffd9;font-size:.9rem}.audience-card li svg{flex-shrink:0;color:#6366f1;margin-top:2px}.failback-decision{background:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.failback-decision h4{font-size:1.25rem;color:#3b82f6;margin-bottom:.75rem}.failback-decision p{font-size:1rem;color:#ffffffd9;margin-bottom:1rem}.failback-decision ul{list-style:none;padding:0;margin:0}.failback-decision li{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.5rem;color:#fffc;font-size:.9rem}.failback-decision li svg{flex-shrink:0;color:#3b82f6;margin-top:2px}.failback-planning h4{font-size:1.25rem;color:#10b981;margin-bottom:1rem}.planning-option{background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:1.5rem;margin-bottom:1rem}.planning-option h5{font-size:1.1rem;color:#10b981;margin-bottom:.75rem}.planning-option ul{list-style:none;padding:0;margin:0}.planning-option li{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;color:#fffc;font-size:.9rem}.planning-option li svg{flex-shrink:0;color:#10b981;margin-top:2px}.postmortem-objectives{background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.postmortem-objectives h4{font-size:1.25rem;color:#10b981;margin-bottom:1rem}.postmortem-objectives ul{list-style:none;padding:0;margin:0}.postmortem-objectives li{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;color:#ffffffd9;font-size:1rem}.postmortem-objectives li svg{flex-shrink:0;color:#10b981;margin-top:2px}.postmortem-deliverables h4{font-size:1.25rem;color:#6366f1;margin-bottom:1rem}.deliverable-card{background:#6366f10d;border:1px solid rgba(99,102,241,.2);border-radius:12px;padding:1.5rem;margin-bottom:1rem;transition:all .3s ease}.deliverable-card:hover{border-color:#6366f166;transform:translate(4px)}.deliverable-card h5{font-size:1.1rem;color:#6366f1;margin-bottom:.75rem}.deliverable-card ul{list-style:none;padding:0;margin:0}.deliverable-card li{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;color:#fffc;font-size:.9rem}.deliverable-card li svg{flex-shrink:0;color:#10b981;margin-top:2px}.final-recommendation{display:flex;gap:2rem;background:linear-gradient(135deg,#8b5cf61a,#6366f11a);border:2px solid rgba(139,92,246,.4);border-radius:16px;padding:2rem;margin-top:3rem}.recommendation-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:#8b5cf633;border-radius:16px;color:#8b5cf6}.recommendation-content h3{font-size:1.5rem;color:#8b5cf6;margin-bottom:1rem}.recommendation-content>p{font-size:1.1rem;color:#ffffffd9;margin-bottom:1.5rem}.recommendation-questions ul{list-style:none;padding:0;margin:0}.recommendation-questions li{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem;color:#ffffffd9;font-size:1rem}.recommendation-questions li svg{flex-shrink:0;color:#f59e0b;margin-top:2px}.final-section{background:linear-gradient(135deg,#10b9810d,#6366f10d);padding:5rem 2rem}.final-card{text-align:center;max-width:900px;margin:0 auto}.final-icon{display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px;background:#10b98133;border-radius:50%;color:#10b981;margin-bottom:2rem;animation:pulse 3s ease-in-out infinite}.final-card h2{font-size:2.5rem;margin-bottom:1.5rem;background:linear-gradient(135deg,#10b981,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.final-text{font-size:1.2rem;line-height:1.6;color:#ffffffd9;margin-bottom:3rem}.final-text strong{color:#10b981}.final-steps{display:flex;flex-direction:column;gap:2rem;text-align:left}.final-step{display:flex;gap:1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;transition:all .3s ease}.final-step:hover{background:#ffffff14;border-color:#10b9814d;transform:translate(8px);box-shadow:0 4px 24px #10b98133}.final-step-number{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#10b981,#3b82f6);border-radius:50%;font-size:1.75rem;font-weight:700;color:#fff}.final-step-content h4{font-size:1.25rem;color:#10b981;margin-bottom:.5rem}.final-step-content p{font-size:1rem;color:#fffc;line-height:1.5}.failback-footer{background:#0000004d;padding:2rem;border-top:1px solid rgba(255,255,255,.1)}.footer-content{max-width:1200px;margin:0 auto;text-align:center}.footer-meta{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:.875rem;color:#ffffff80}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.header-title{font-size:2rem}.header-subtitle{font-size:1rem}.section{padding:3rem 1.5rem}.section-title{font-size:1.5rem}.timeline:before{left:20px}.timeline-item{flex-direction:row!important;text-align:left!important}.timeline-item .timeline-content{width:calc(100% - 80px)!important;padding-left:3rem!important;padding-right:0!important;margin:0!important}.timeline-icon{left:20px;transform:translate(0)}.options-selector,.metrics-grid,.pros-cons-grid{grid-template-columns:1fr}.comparison-table-wrapper{overflow-x:scroll}.comparison-table{min-width:600px}.governance-header{flex-direction:column;text-align:center}.roles-grid,.principles-grid,.audiences-grid{grid-template-columns:1fr}.final-recommendation{flex-direction:column}.final-card h2{font-size:2rem}.final-text{font-size:1rem}}@media (max-width: 480px){.header-title{font-size:1.5rem}.header-subtitle{font-size:.9rem}.section{padding:2rem 1rem}.section-title{font-size:1.25rem}.intro-card,.analogy-card,.golden-rule,.phase-header{padding:1.5rem}.final-icon{width:64px;height:64px}.final-icon svg{width:32px;height:32px}}.sura-sizing-page{min-height:100vh;background:linear-gradient(180deg,#00111a,#001e2b,#002838);color:#fff}.sura-hero{position:relative;min-height:500px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:4rem 2rem}.hero-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 30%,rgba(0,237,100,.15) 0%,rgba(0,168,70,.08) 30%,transparent 70%)}.hero-content{position:relative;z-index:1;text-align:center;max-width:900px}.hero-logo{margin-bottom:2rem}.logo-circle{width:120px;height:120px;margin:0 auto;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00ed6433,#00a8461a);border-radius:50%;border:2px solid rgba(0,237,100,.3);box-shadow:0 0 40px #00ed644d;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 40px #00ed644d}50%{transform:scale(1.05);box-shadow:0 0 60px #00ed6480}}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#00ed64,#00a846);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.5rem;color:#fffc;margin-bottom:2rem}.hero-meta{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:.5rem;font-size:.95rem}.meta-label{color:#ffffff80}.container{max-width:1200px;margin:0 auto;padding:0 2rem}section{padding:5rem 0}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:1rem;color:#00ed64!important}.section-description{text-align:center;font-size:1.1rem;color:#ffffffb3!important;max-width:800px;margin:0 auto 3rem;line-height:1.6}.section-description code{background:#00ed641a;padding:.2rem .5rem;border-radius:4px;color:#00ed64!important;font-family:Courier New,monospace}.section-description strong{color:#fff!important;font-weight:600}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.summary-card{background:linear-gradient(135deg,#00ed640d,#00a84605);border:1px solid rgba(0,237,100,.2);border-radius:16px;padding:2rem;transition:all .3s}.summary-card:hover{transform:translateY(-5px);border-color:#00ed6466;box-shadow:0 10px 30px #00ed6433}.summary-card.highlight{background:linear-gradient(135deg,#00ed6426,#00a84614);border:2px solid rgba(0,237,100,.4)}.card-icon{font-size:3rem;margin-bottom:1rem}.summary-card h3{font-size:1.4rem;margin-bottom:1rem;color:#fff!important}.summary-card p{color:#fffc!important;line-height:1.6}.summary-card strong{color:#00ed64!important}.latency-section{background:linear-gradient(180deg,transparent 0%,rgba(0,17,26,.5) 100%)}.latency-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center;margin:3rem 0}.latency-card{background:#001e2bcc;border-radius:20px;padding:2.5rem;position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.1)}.latency-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff6b6b,#ff8e53)}.latency-card.target:before{background:linear-gradient(90deg,#00ed64,#00a846)}.latency-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.latency-badge{padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.latency-badge.warning{background:#ff6b6b33;color:#ff6b6b!important;border:1px solid rgba(255,107,107,.3)}.latency-badge.success{background:#00ed6433;color:#00ed64!important;border:1px solid rgba(0,237,100,.3)}.latency-header h3{font-size:1.3rem;color:#fff!important}.latency-metric{text-align:center;margin:2rem 0}.latency-value{font-size:4rem;font-weight:700;color:#fff!important;line-height:1}.latency-card.current .latency-value{color:#ff6b6b!important}.latency-card.target .latency-value{color:#00ed64!important}.latency-label{font-size:.9rem;color:#ffffff80!important;margin-top:.5rem}.latency-cause{background:#0000004d;padding:1rem;border-radius:8px;font-size:.95rem;color:#fffc!important;line-height:1.5}.latency-cause strong{color:#fff!important}.latency-icon{position:absolute;bottom:1rem;right:1rem;font-size:4rem;opacity:.1}.latency-arrow{font-size:3rem;color:#00ed64!important;text-align:center}.latency-impact{background:linear-gradient(135deg,#00ed641a,#00a8460d);border:1px solid rgba(0,237,100,.2);border-radius:16px;padding:2rem;margin-top:3rem}.latency-impact h4{font-size:1.5rem;margin-bottom:1.5rem;color:#00ed64!important;text-align:center}.impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.impact-item{display:flex;flex-direction:column;gap:.5rem;text-align:center}.impact-item strong{font-size:1.3rem;color:#00ed64!important}.impact-item span{color:#ffffffb3!important}.document-structure-section{background:#00111a80}.json-preview{background:#0a1e2a;border:1px solid rgba(0,237,100,.2);border-radius:12px;overflow:hidden;margin:2rem 0;box-shadow:0 10px 40px #0000004d}.json-header{background:#00ed641a;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,237,100,.2)}.json-file{font-family:Courier New,monospace;color:#00ed64!important;font-weight:600}.json-size{color:#ffffff80!important;font-size:.9rem}.json-code{padding:2rem;overflow-x:auto;font-family:Courier New,monospace;font-size:.9rem;line-height:1.6;color:#fff!important;white-space:pre}.document-complexity{margin-top:3rem}.document-complexity h4{font-size:1.5rem;margin-bottom:1.5rem;color:#00ed64!important;text-align:center}.indices-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:2rem 0}.index-card{background:#001e2b99;border:1px solid rgba(0,237,100,.2);border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s}.index-card:hover{transform:translateY(-3px);border-color:#00ed6466;box-shadow:0 5px 20px #00ed6433}.index-card.primary{background:#00ed641a;border:2px solid rgba(0,237,100,.4)}.index-name{font-family:Courier New,monospace;font-size:1rem;font-weight:600;color:#00ed64!important;margin-bottom:.5rem}.index-size{font-size:1.3rem;font-weight:700;color:#fff!important;margin-bottom:.5rem}.index-type{font-size:.85rem;color:#ffffff80!important;text-transform:uppercase;letter-spacing:.5px}.indices-total{text-align:center;padding:1.5rem;background:#00ed641a;border-radius:8px;margin-top:2rem}.indices-total strong{font-size:1.2rem;color:#00ed64!important}.replica-set-diagram{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center;margin:3rem 0}.replica-node{background:linear-gradient(135deg,#00ed641a,#00a8460d);border:2px solid rgba(0,237,100,.3);border-radius:16px;padding:2rem;text-align:center;transition:all .3s}.replica-node:hover{transform:scale(1.05);box-shadow:0 10px 40px #00ed644d}.replica-node.primary{background:linear-gradient(135deg,#00ed6433,#00a8461a);border:3px solid rgba(0,237,100,.5)}.node-icon{font-size:3rem;margin-bottom:1rem}.node-label{font-size:1.2rem;font-weight:700;color:#00ed64!important;margin-bottom:1rem;letter-spacing:1px}.node-description{color:#ffffffb3!important;font-size:.9rem;line-height:1.5;margin-bottom:1rem}.node-description p{margin:.3rem 0}.node-status{display:inline-block;padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase}.node-status.active{background:#00ed6433;color:#00ed64!important}.node-status.standby{background:#ffffff1a;color:#ffffffb3!important}.replica-sync-line{width:2px;height:100%;background:linear-gradient(180deg,#00ed6480,#00ed641a);position:relative}.replica-sync-line:before{content:"⟷";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg);color:#00ed64!important;font-size:1.5rem;background:#001e2b;padding:.5rem}.replica-secondaries{display:flex;flex-direction:column;gap:2rem}.architecture-benefits{margin-top:3rem}.architecture-benefits h4{font-size:1.5rem;margin-bottom:1.5rem;color:#00ed64!important;text-align:center}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.benefit-card{background:#001e2b99;border:1px solid rgba(0,237,100,.2);border-radius:12px;padding:1.5rem;transition:all .3s}.benefit-card:hover{transform:translateY(-3px);border-color:#00ed6466}.benefit-icon{font-size:2rem;margin-bottom:1rem}.benefit-card h5{font-size:1.1rem;margin-bottom:.5rem;color:#fff!important}.benefit-card p{color:#ffffffb3!important;font-size:.9rem;line-height:1.5}.environment-selector{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem}.env-tab{padding:1rem 2rem;background:#001e2b99;border:2px solid rgba(0,237,100,.2);border-radius:30px;color:#ffffffb3!important;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s}.env-tab:hover{border-color:#00ed6466;color:#fff!important}.env-tab.active{background:linear-gradient(135deg,#00ed6433,#00a8461a);border-color:#00ed64;color:#00ed64!important;box-shadow:0 0 20px #00ed644d}.environment-detail{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.env-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.env-header h3{font-size:2rem;color:#fff!important}.env-badge{padding:.6rem 1.5rem;border-radius:30px;font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.env-badge.dev{background:#56aafa33;color:#56aafa!important;border:2px solid rgba(86,170,250,.4)}.env-badge.qa{background:#ffc10733;color:#ffc107!important;border:2px solid rgba(255,193,7,.4)}.env-badge.prod{background:#00ed6433;color:#00ed64!important;border:2px solid rgba(0,237,100,.4)}.env-specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin-bottom:2rem}.env-specs.highlight{border:2px solid rgba(0,237,100,.4);border-radius:12px;padding:1.5rem;background:#00ed640d}.spec-card{background:#001e2b99;border:1px solid rgba(0,237,100,.2);border-radius:12px;padding:1.5rem;text-align:center}.spec-label{display:block;font-size:.85rem;color:#ffffff80!important;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.spec-value{display:block;font-size:1.8rem;font-weight:700;color:#00ed64!important}.env-justification{background:#001e2b66;border-radius:12px;padding:2rem;margin-bottom:2rem}.env-justification h4{font-size:1.3rem;color:#00ed64!important;margin-bottom:1rem}.justification-intro{color:#fffc!important;margin-bottom:1rem;line-height:1.6}.env-justification ul{list-style:none;padding:0}.env-justification li{padding:.5rem 0;color:#fffc!important;line-height:1.6}.env-use-cases h4{font-size:1.3rem;color:#00ed64!important;margin-bottom:1rem}.use-case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.use-case-item{background:#00ed641a;border:1px solid rgba(0,237,100,.2);border-radius:8px;padding:1rem;text-align:center;color:#fffc!important;font-size:.9rem;transition:all .3s}.use-case-item:hover{background:#00ed6426;border-color:#00ed6466}.env-capacity{background:linear-gradient(135deg,#00ed641a,#00a8460d);border-radius:12px;padding:2rem;margin-top:2rem}.env-capacity h4{font-size:1.3rem;color:#00ed64!important;margin-bottom:1.5rem;text-align:center}.capacity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}.capacity-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem}.capacity-item strong{font-size:2rem;color:#00ed64!important;font-weight:700}.capacity-item span{color:#ffffffb3!important;font-size:.9rem}.working-set-formula{margin:3rem 0}.formula-card{background:linear-gradient(135deg,#00ed641a,#00a8460d);border:2px solid rgba(0,237,100,.3);border-radius:16px;padding:2.5rem;text-align:center}.formula-card h4{font-size:1.5rem;color:#00ed64!important;margin-bottom:1.5rem}.formula-visual{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.formula-part{padding:.8rem 1.5rem;border-radius:30px;font-size:1.1rem;font-weight:600}.formula-part.data{background:#56aafa33;color:#56aafa!important;border:2px solid rgba(86,170,250,.4)}.formula-part.indices{background:#ffc10733;color:#ffc107!important;border:2px solid rgba(255,193,7,.4)}.formula-part.growth{background:#9c27b033;color:#c77ff8!important;border:2px solid rgba(156,39,176,.4)}.formula-result{padding:.8rem 1.5rem;border-radius:30px;font-size:1.2rem;font-weight:700;background:#00ed6433;color:#00ed64!important;border:2px solid rgba(0,237,100,.4)}.formula-operator{font-size:1.5rem;color:#ffffff80!important;font-weight:700}.formula-rule{background:#0000004d;padding:1rem;border-radius:8px}.formula-rule strong{color:#00ed64!important}.working-set-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:3rem 0}.breakdown-section h4{font-size:1.3rem;color:#00ed64!important;margin-bottom:1rem}.breakdown-card{background:#001e2b99;border:1px solid rgba(0,237,100,.2);border-radius:12px;padding:1.5rem}.breakdown-metric{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.breakdown-metric:last-of-type{border-bottom:none}.metric-label{color:#ffffffb3!important;font-size:.95rem}.metric-value{color:#00ed64!important;font-weight:600}.breakdown-note{font-size:.85rem;color:#ffffff80!important;font-style:italic;margin-top:.5rem;padding:.5rem;background:#0003;border-radius:4px}.breakdown-total{display:flex;justify-content:space-between;padding:1rem 0;margin-top:1rem;border-top:2px solid rgba(0,237,100,.3)}.total-label{color:#fff!important;font-weight:600;font-size:1.1rem}.total-value{color:#00ed64!important;font-weight:700;font-size:1.2rem}.working-set-total{background:linear-gradient(135deg,#00ed6426,#00a84614);border:2px solid rgba(0,237,100,.4);border-radius:16px;padding:2.5rem;margin:3rem 0}.working-set-total h3{font-size:1.8rem;color:#00ed64!important;text-align:center;margin-bottom:2rem}.total-calculation{max-width:500px;margin:0 auto}.calc-line{display:flex;justify-content:space-between;padding:1rem 2rem;background:#0003;border-radius:8px;margin-bottom:.5rem}.calc-label{color:#fffc!important;font-size:1.1rem}.calc-value{color:#00ed64!important;font-weight:700;font-size:1.1rem}.calc-operator{text-align:center;font-size:1.5rem;color:#ffffff80!important;margin:.5rem 0}.calc-divider{height:2px;background:linear-gradient(90deg,transparent 0%,#00ED64 50%,transparent 100%);margin:1rem 0}.calc-result{display:flex;justify-content:space-between;padding:1.5rem 2rem;background:#00ed6433;border-radius:8px;border:2px solid rgba(0,237,100,.4)}.result-label{color:#fff!important;font-weight:700;font-size:1.3rem}.result-value{color:#00ed64!important;font-weight:700;font-size:1.5rem}.details-toggle{display:block;margin:2rem auto;padding:1rem 2rem;background:#001e2b99;border:1px solid rgba(0,237,100,.3);border-radius:30px;color:#00ed64!important;font-size:1rem;cursor:pointer;transition:all .3s}.details-toggle:hover{background:#00ed641a;border-color:#00ed6480}.working-set-details{background:#001e2b66;border:1px solid rgba(0,237,100,.2);border-radius:12px;padding:2rem;margin-top:2rem;animation:fadeIn .5s ease-in-out}.working-set-details h4{font-size:1.3rem;color:#00ed64!important;margin-bottom:1rem}.working-set-details ul{list-style:none;padding:0}.working-set-details li{padding:.75rem 0;color:#fffc!important;line-height:1.6;border-bottom:1px solid rgba(255,255,255,.1)}.working-set-details li:last-child{border-bottom:none}.working-set-details strong{color:#00ed64!important}.tier-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:start;margin:3rem 0}.tier-card{background:#001e2bcc;border-radius:20px;padding:2.5rem;border:2px solid rgba(255,255,255,.1);transition:all .3s}.tier-card.m30{border-color:#ff6b6b4d}.tier-card.m40{border-color:#00ed6466;box-shadow:0 10px 40px #00ed6433}.tier-card:hover{transform:translateY(-5px)}.tier-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(255,255,255,.1)}.tier-header h3{font-size:1.8rem;color:#fff!important}.tier-badge{padding:.5rem 1.2rem;border-radius:20px;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.tier-badge.warning{background:#ff6b6b33;color:#ff6b6b!important;border:2px solid rgba(255,107,107,.4)}.tier-badge.success{background:#00ed6433;color:#00ed64!important;border:2px solid rgba(0,237,100,.4)}.tier-specs{margin-bottom:2rem}.tier-spec{display:flex;justify-content:space-between;padding:1rem;background:#0003;border-radius:8px;margin-bottom:.5rem}.tier-spec .spec-label{color:#ffffffb3!important}.tier-spec .spec-value{color:#fff!important;font-weight:700;font-size:1.1rem}.tier-spec .spec-value.insufficient{color:#ff6b6b!important}.tier-spec .spec-value.sufficient{color:#00ed64!important}.tier-memory-visual{margin:2rem 0}.memory-bar{display:flex;height:60px;background:#0000004d;border-radius:30px;overflow:hidden;border:2px solid rgba(255,255,255,.1);position:relative}.memory-used{background:linear-gradient(135deg,#00ed6499,#00a84666);display:flex;align-items:center;justify-content:center;transition:width 1s ease-in-out}.tier-card.m30 .memory-used{background:linear-gradient(135deg,#ff6b6b99,#ff8e5366)}.memory-overflow{background:repeating-linear-gradient(45deg,#ff6b6b4d,#ff6b6b4d 10px,#ff6b6b80 10px,#ff6b6b80 20px);display:flex;align-items:center;justify-content:center;border-left:2px dashed rgba(255,107,107,.8);animation:warning-pulse 2s ease-in-out infinite}@keyframes warning-pulse{0%,to{opacity:.6}50%{opacity:1}}.memory-buffer{background:linear-gradient(135deg,#56aafa4d,#56aafa1a);display:flex;align-items:center;justify-content:center;border-left:2px solid rgba(0,237,100,.3)}.memory-label,.overflow-label,.buffer-label{font-size:.9rem;font-weight:600;color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.5)}.memory-legend{text-align:center;margin-top:1rem;color:#ffffffb3!important;font-size:.9rem}.tier-analysis{margin:2rem 0}.tier-analysis h4{font-size:1.2rem;color:#00ed64!important;margin-bottom:1rem}.analysis-item{padding:1rem;border-radius:8px;margin-bottom:.75rem;border-left:4px solid}.analysis-item.negative{background:#ff6b6b1a;border-left-color:#ff6b6b}.analysis-item.positive{background:#00ed641a;border-left-color:#00ed64}.analysis-item strong{display:block;margin-bottom:.3rem;color:#fff!important}.analysis-item p{color:#ffffffb3!important;font-size:.9rem;margin:0}.tier-verdict{padding:1.5rem;border-radius:8px;text-align:center;font-size:1.1rem;font-weight:600;margin-top:2rem}.tier-verdict.negative{background:#ff6b6b33;border:2px solid rgba(255,107,107,.4);color:#ff6b6b!important}.tier-verdict.positive{background:#00ed6433;border:2px solid rgba(0,237,100,.4);color:#00ed64!important}.tier-verdict strong{color:inherit!important}.vs-divider{display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#ffffff4d!important;padding:2rem 0}.vs-divider span{background:#00ed641a;border:2px solid rgba(0,237,100,.3);border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;color:#00ed64!important}.comparison-conclusion{margin-top:4rem}.comparison-conclusion h3{font-size:2rem;color:#00ed64!important;text-align:center;margin-bottom:1.5rem}.conclusion-box{background:linear-gradient(135deg,#00ed6426,#00a84614);border:2px solid rgba(0,237,100,.4);border-radius:16px;padding:2.5rem}.conclusion-box p{color:#ffffffe6!important;font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.conclusion-box p:last-child{margin-bottom:0}.conclusion-box strong{color:#00ed64!important;font-weight:700}.next-steps-section{background:#00111a80}.steps-timeline{position:relative;max-width:800px;margin:3rem auto;padding-left:3rem}.steps-timeline:before{content:"";position:absolute;left:1.5rem;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#00ed6480,#00ed641a)}.step-item{position:relative;margin-bottom:3rem;display:flex;align-items:start;gap:1.5rem}.step-number{position:absolute;left:-2.25rem;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00ed644d,#00a84633);border:2px solid rgba(0,237,100,.5);border-radius:50%;font-size:1.2rem;font-weight:700;color:#00ed64!important;box-shadow:0 0 20px #00ed644d}.step-content{flex:1;background:#001e2b99;border:1px solid rgba(0,237,100,.2);border-radius:12px;padding:1.5rem;transition:all .3s}.step-content:hover{background:#001e2bcc;border-color:#00ed6466;transform:translate(5px)}.step-content h4{font-size:1.3rem;color:#00ed64!important;margin-bottom:.5rem}.step-content p{color:#fffc!important;line-height:1.6;margin-bottom:1rem}.step-duration{display:inline-block;background:#00ed641a;color:#fff9!important;padding:.3rem .8rem;border-radius:12px;font-size:.85rem;font-weight:600}.sura-footer{background:#00111acc;border-top:1px solid rgba(0,237,100,.2);padding:3rem 0 2rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h4{font-size:1.1rem;color:#00ed64!important;margin-bottom:1rem}.footer-section p{color:#fff9!important;font-size:.9rem;margin:.3rem 0}.footer-section strong{color:#fff!important;font-weight:600}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);color:#fff6!important;font-size:.9rem}@media (max-width: 1024px){.tier-comparison,.latency-comparison,.replica-set-diagram{grid-template-columns:1fr}.latency-arrow,.replica-sync-line,.vs-divider{margin:1rem 0}.replica-secondaries{flex-direction:row}}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.section-title{font-size:2rem}.environment-selector{flex-direction:column}.env-tab{width:100%}.working-set-breakdown{grid-template-columns:1fr}.formula-visual{flex-direction:column}}@media (max-width: 480px){.container{padding:0 1rem}section{padding:3rem 0}.hero-title{font-size:2rem}.summary-grid,.benefits-grid,.impact-grid,.indices-grid{grid-template-columns:1fr}}.design-review-page{min-height:100vh;background:linear-gradient(180deg,#00111a,#001e2b,#002838);color:#fff}.design-hero{position:relative;min-height:450px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:4rem 2rem}.hero-icon-large{width:120px;height:120px;margin:0 auto 2rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00ed6433,#00a8461a);border-radius:50%;border:3px solid rgba(0,237,100,.4);box-shadow:0 0 40px #00ed6466;animation:glow 3s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 0 40px #00ed6466}50%{box-shadow:0 0 60px #00ed6499}}.design-hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#00ed64,#00a846);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.design-hero-subtitle{font-size:1.5rem;color:#fffc!important;margin-bottom:2rem;text-align:center}.hero-meta-design{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.meta-item-design{display:flex;align-items:center;gap:.5rem;font-size:.95rem}.meta-label-design{color:#ffffff80!important}.executive-summary-section{padding:5rem 0}.summary-boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:3rem}.summary-box{background:#001e2b99;border:2px solid rgba(0,237,100,.2);border-radius:20px;padding:2.5rem;transition:all .3s;position:relative;overflow:hidden}.summary-box:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#00ed64,#00a846)}.summary-box.diagnosis:before{background:linear-gradient(90deg,#56aafa,#4a9ee8)}.summary-box.objective:before{background:linear-gradient(90deg,#ffc107,#ffa000)}.summary-box:hover{transform:translateY(-5px);border-color:#00ed6466;box-shadow:0 10px 30px #00ed6433}.box-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.box-icon{font-size:2.5rem}.summary-box h3{font-size:1.5rem;color:#00ed64!important}.summary-box p{color:#fffc!important;line-height:1.7;font-size:1rem}.summary-box code{background:#00ed641a;padding:.2rem .5rem;border-radius:4px;color:#00ed64!important;font-family:Courier New,monospace;font-size:.9rem}.summary-box strong{color:#00ed64!important;font-weight:700}.latency-diagnosis-section{background:#00111a80;padding:5rem 0}.diagnosis-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:3rem}.diagnosis-chart{background:#001e2b99;border:1px solid rgba(0,237,100,.2);border-radius:16px;padding:2rem}.diagnosis-chart h3{font-size:1.3rem;color:#00ed64!important;margin-bottom:1.5rem}.latency-bars{display:flex;flex-direction:column;gap:1.5rem}.latency-bar-item{display:flex;flex-direction:column;gap:.5rem}.bar-label{color:#ffffffb3!important;font-size:.9rem;font-weight:600}.bar-container{position:relative;height:50px;background:#0000004d;border-radius:25px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.bar-fill{height:100%;background:linear-gradient(90deg,#ff6b6b,#ff8e53);display:flex;align-items:center;justify-content:center;transition:width 1s ease-in-out;box-shadow:0 0 20px #ff6b6b66}.bar-value{color:#fff!important;font-weight:700;font-size:1.1rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.diagnosis-analysis{background:#001e2b99;border:1px solid rgba(255,107,107,.3);border-radius:16px;padding:2rem}.diagnosis-analysis h3{font-size:1.3rem;color:#ff6b6b!important;margin-bottom:1.5rem}.cause-items{display:flex;flex-direction:column;gap:1rem}.cause-item{display:flex;align-items:start;gap:1rem;padding:1rem;background:#0003;border-radius:8px;border-left:3px solid #ff6b6b}.cause-icon{font-size:1.5rem}.cause-content strong{display:block;color:#fff!important;margin-bottom:.3rem}.cause-content p{color:#ffffffb3!important;font-size:.9rem;margin:0}.data-model-section{padding:5rem 0}.pattern-explanation{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:3rem}.pattern-card{background:linear-gradient(135deg,#00ed641a,#00a8460d);border:2px solid rgba(0,237,100,.3);border-radius:16px;padding:2.5rem}.pattern-card h3{font-size:1.5rem;color:#00ed64!important;margin-bottom:1rem}.pattern-card p{color:#fffc!important;line-height:1.7;margin-bottom:1.5rem}.pattern-card ul{list-style:none;padding:0}.pattern-card li{padding:.5rem 0;color:#fffc!important;line-height:1.6}.pattern-benefits{background:#001e2b99;border:1px solid rgba(0,237,100,.2);border-radius:16px;padding:2.5rem}.pattern-benefits h3{font-size:1.5rem;color:#00ed64!important;margin-bottom:1.5rem}.benefit-grid-design{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.benefit-item-design{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;background:#00ed640d;border:1px solid rgba(0,237,100,.2);border-radius:12px;transition:all .3s}.benefit-item-design:hover{background:#00ed641a;border-color:#00ed6466;transform:scale(1.02)}.benefit-icon-design{font-size:2rem}.benefit-item-design strong{color:#00ed64!important;font-size:1.1rem}.benefit-item-design p{color:#ffffffb3!important;font-size:.9rem;margin:0}.document-structure-interactive{background:#00111a80;padding:5rem 0}.document-viewer{margin-top:3rem;background:#0a1e2a;border:2px solid rgba(0,237,100,.3);border-radius:16px;overflow:hidden;box-shadow:0 10px 40px #0000004d}.document-header{background:#00ed641a;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid rgba(0,237,100,.2)}.doc-file{font-family:Courier New,monospace;color:#00ed64!important;font-weight:700;font-size:1.1rem}.doc-toggle{padding:.6rem 1.5rem;background:#00ed6433;border:1px solid rgba(0,237,100,.4);border-radius:20px;color:#00ed64!important;font-weight:600;cursor:pointer;transition:all .3s}.doc-toggle:hover{background:#00ed644d;transform:scale(1.05)}.document-code{padding:2.5rem;overflow-x:auto;font-family:Courier New,monospace;font-size:.9rem;line-height:1.7;color:#fff!important;white-space:pre;max-height:600px;overflow-y:auto}.document-details{padding:2rem;background:#00ed640d;border-top:2px solid rgba(0,237,100,.2);animation:slideDown .3s ease-in-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.document-details h4{font-size:1.2rem;color:#00ed64!important;margin-bottom:1rem}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.detail-item{display:flex;justify-content:space-between;padding:.75rem 1rem;background:#0000004d;border-radius:8px}.detail-item strong{color:#ffffffb3!important}.detail-item span{color:#00ed64!important;font-weight:600}.indexing-strategy-section{padding:5rem 0}.index-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin:3rem 0}.stat-box{background:linear-gradient(135deg,#00ed6426,#00a84614);border:2px solid rgba(0,237,100,.3);border-radius:16px;padding:2rem;text-align:center;transition:all .3s}.stat-box:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00ed644d}.stat-number{display:block;font-size:3rem;font-weight:700;color:#00ed64!important;margin-bottom:.5rem}.stat-label{display:block;color:#ffffffb3!important;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.indices-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:3rem}.index-card-detailed{background:#001e2b99;border:2px solid rgba(0,237,100,.2);border-left:4px solid;border-radius:12px;padding:2rem;cursor:pointer;transition:all .3s}.index-card-detailed:hover{transform:translateY(-3px);border-color:#00ed6466;box-shadow:0 5px 20px #00ed6433}.index-card-detailed.selected{background:#00ed641a;border-color:#00ed6480;box-shadow:0 8px 30px #00ed644d}.index-card-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:1rem;gap:1rem}.index-name-code{font-family:Courier New,monospace;font-size:1rem;color:#00ed64!important;font-weight:600;flex:1}.priority-badge{padding:.3rem .8rem;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.priority-badge.crítico{background:#ff6b6b33;color:#ff6b6b!important;border:1px solid rgba(255,107,107,.4)}.priority-badge.alto{background:#ffa50033;color:orange!important;border:1px solid rgba(255,165,0,.4)}.priority-badge.medio{background:#56aafa33;color:#56aafa!important;border:1px solid rgba(86,170,250,.4)}.index-card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.index-type{color:#fff9!important;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.index-size-badge{padding:.3rem .8rem;background:#00ed641a;border-radius:12px;color:#00ed64!important;font-weight:600;font-size:.85rem}.index-properties{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.prop-badge{padding:.3rem .7rem;border-radius:10px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.prop-badge.unique{background:#ff6b6b33;color:#ff6b6b!important;border:1px solid rgba(255,107,107,.3)}.prop-badge.sparse{background:#56aafa33;color:#56aafa!important;border:1px solid rgba(86,170,250,.3)}.prop-badge.multikey{background:#ffc10733;color:#ffc107!important;border:1px solid rgba(255,193,7,.3)}.index-purpose{color:#fffc!important;line-height:1.6;margin-bottom:1rem}.index-details-expanded{padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);animation:slideDown .3s ease-in-out}.index-details-expanded h4{font-size:.9rem;color:#00ed64!important;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.index-details-expanded ul{list-style:none;padding:0}.index-details-expanded li{color:#ffffffb3!important;font-size:.9rem;padding:.5rem 0 .5rem 1.5rem;position:relative}.index-details-expanded li:before{content:"→";position:absolute;left:0;color:#00ed64!important}.index-card-footer{text-align:center;color:#ffffff80!important;font-size:.85rem;margin-top:1rem}.working-set-detailed-section{background:#00111a80;padding:5rem 0}.working-set-formula-visual{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin:3rem 0;padding:2rem;background:linear-gradient(135deg,#00ed641a,#00a8460d);border:2px solid rgba(0,237,100,.3);border-radius:20px}.formula-component{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 2rem;background:#001e2b99;border-radius:16px;border:2px solid rgba(0,237,100,.2);transition:all .3s}.formula-component:hover{transform:scale(1.05);border-color:#00ed6466}.formula-component.data{border-color:#56aafa66}.formula-component.indices{border-color:#ffc10766}.formula-component.growth{border-color:#9c27b066}.formula-component.result{border-color:#00ed6480;background:#00ed641a}.component-icon{font-size:2rem}.component-label{color:#fff9!important;font-size:.85rem;text-transform:uppercase;letter-spacing:1px}.component-value{color:#00ed64!important;font-size:2rem;font-weight:700}.formula-operator{font-size:2.5rem;color:#ffffff80!important;font-weight:700}.workingset-breakdown-detailed{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.breakdown-col{background:#001e2b99;border:1px solid rgba(0,237,100,.2);border-radius:16px;padding:2rem}.breakdown-col h3{font-size:1.3rem;color:#00ed64!important;margin-bottom:1.5rem;text-align:center}.breakdown-item-detail{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.breakdown-item-detail:last-child{border-bottom:2px solid rgba(0,237,100,.3);margin-top:.5rem;padding-top:1rem}.detail-label{color:#ffffffb3!important}.detail-value{color:#00ed64!important;font-weight:600}.tier-comparison-detailed-section{padding:5rem 0}.comparison-visual{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:start;margin:3rem 0}.tier-option{background:#001e2bcc;border:2px solid;border-radius:20px;padding:2.5rem;transition:all .3s}.tier-option.m30-option{border-color:#ff6b6b4d}.tier-option.m40-option{border-color:#00ed6466;box-shadow:0 10px 40px #00ed6433}.tier-option:hover{transform:translateY(-5px)}.tier-option-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(255,255,255,.1)}.tier-option h3{font-size:2rem;color:#fff!important}.tier-verdict-badge{padding:.6rem 1.2rem;border-radius:20px;font-size:.9rem;font-weight:700}.tier-verdict-badge.fail{background:#ff6b6b33;color:#ff6b6b!important;border:2px solid rgba(255,107,107,.4)}.tier-verdict-badge.success{background:#00ed6433;color:#00ed64!important;border:2px solid rgba(0,237,100,.4)}.tier-specs-visual{background:#0000004d;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.spec-item-visual{display:flex;justify-content:space-between;padding:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.spec-item-visual:last-child{border-bottom:none}.spec-item-visual.critical{background:#ff6b6b1a;border-radius:8px}.spec-item-visual.success{background:#00ed641a;border-radius:8px}.spec-label-visual{color:#ffffffb3!important}.spec-value-visual{color:#fff!important;font-weight:700;font-size:1.2rem}.spec-value-visual.critical{color:#ff6b6b!important}.spec-value-visual.success{color:#00ed64!important}.memory-visualization{margin:2rem 0}.memory-bar-viz{display:flex;height:60px;background:#0000004d;border-radius:30px;overflow:hidden;border:2px solid rgba(255,255,255,.1);position:relative}.memory-filled{display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.5);background:linear-gradient(135deg,#ff6b6b,#ff8e53);transition:width 1s ease-in-out}.memory-filled.success{background:linear-gradient(135deg,#00ed6499,#00a84666)}.memory-overflow-viz{background:repeating-linear-gradient(45deg,#ff6b6b4d,#ff6b6b4d 10px,#ff6b6b80 10px,#ff6b6b80 20px);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.5);border-left:2px dashed rgba(255,107,107,.8);animation:warning-blink 2s ease-in-out infinite}@keyframes warning-blink{0%,to{opacity:.6}50%{opacity:1}}.memory-buffer-viz{background:linear-gradient(135deg,#56aafa4d,#56aafa1a);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.5);border-left:2px solid rgba(0,237,100,.3)}.tier-analysis-detailed{margin:2rem 0}.analysis-point{display:flex;align-items:start;gap:1rem;padding:1rem;border-radius:8px;margin-bottom:1rem;border-left:4px solid}.analysis-point.negative{background:#ff6b6b1a;border-left-color:#ff6b6b}.analysis-point.positive{background:#00ed641a;border-left-color:#00ed64}.point-icon{font-size:1.5rem}.point-content strong{display:block;color:#fff!important;margin-bottom:.3rem}.point-content p{color:#ffffffb3!important;font-size:.9rem;margin:0}.vs-separator{display:flex;align-items:center;justify-content:center;padding:2rem 0}.vs-separator span{background:#00ed641a;border:2px solid rgba(0,237,100,.3);border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#00ed64!important}.comparison-conclusion-box{margin-top:3rem;background:linear-gradient(135deg,#00ed6426,#00a84614);border:2px solid rgba(0,237,100,.4);border-radius:16px;padding:2.5rem}.comparison-conclusion-box h3{font-size:1.8rem;color:#00ed64!important;margin-bottom:1rem}.comparison-conclusion-box p{color:#ffffffe6!important;font-size:1.1rem;line-height:1.8;margin-bottom:1rem}.comparison-conclusion-box p:last-child{margin-bottom:0}.comparison-conclusion-box strong{color:#00ed64!important;font-weight:700}.recommendations-section{background:#00111a80;padding:5rem 0}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.recommendation-card{background:#001e2b99;border:1px solid rgba(0,237,100,.2);border-radius:16px;padding:2rem;position:relative;transition:all .3s}.recommendation-card:hover{transform:translateY(-5px);border-color:#00ed6466;box-shadow:0 5px 20px #00ed6433}.rec-number{position:absolute;top:-15px;left:20px;width:40px;height:40px;background:linear-gradient(135deg,#00ed64,#00a846);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;color:#001e2b!important;box-shadow:0 4px 12px #00ed6466}.recommendation-card h3{font-size:1.3rem;color:#00ed64!important;margin-bottom:1rem;margin-top:.5rem}.recommendation-card p{color:#fffc!important;line-height:1.7}.next-meeting-section{padding:5rem 0}.meeting-card{max-width:800px;margin:3rem auto;background:linear-gradient(135deg,#00ed6426,#00a84614);border:3px solid rgba(0,237,100,.4);border-radius:20px;padding:3rem;text-align:center;box-shadow:0 10px 40px #00ed644d}.meeting-icon{font-size:4rem;margin-bottom:1rem}.meeting-card h2{font-size:2.5rem;color:#00ed64!important;margin-bottom:1rem}.meeting-date{font-size:1.5rem;color:#fff!important;font-weight:600;margin-bottom:2rem}.meeting-agenda{text-align:left;background:#0000004d;border-radius:12px;padding:2rem;margin-top:2rem}.meeting-agenda h3{font-size:1.3rem;color:#00ed64!important;margin-bottom:1rem}.meeting-agenda ul{list-style:none;padding:0}.meeting-agenda li{padding:.75rem 0;color:#ffffffe6!important;font-size:1.05rem;line-height:1.6}.design-footer{background:#00111acc;border-top:1px solid rgba(0,237,100,.2);padding:3rem 0 2rem}.footer-content-design{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-col h4{font-size:1.1rem;color:#00ed64!important;margin-bottom:1rem}.footer-col p{color:#fff9!important;font-size:.9rem;margin:.3rem 0}.footer-col strong{color:#fff!important;font-weight:600}.footer-bottom-design{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);color:#fff6!important;font-size:.9rem}@media (max-width: 1024px){.diagnosis-content,.pattern-explanation,.comparison-visual{grid-template-columns:1fr}.vs-separator{margin:1rem 0}}@media (max-width: 768px){.design-hero-title{font-size:2.5rem}.design-hero-subtitle{font-size:1.2rem}.section-title{font-size:2rem}.summary-boxes,.recommendations-grid,.benefit-grid-design,.workingset-breakdown-detailed{grid-template-columns:1fr}.working-set-formula-visual{flex-direction:column}}@media (max-width: 480px){.container{padding:0 1rem}section{padding:3rem 0}.design-hero-title{font-size:2rem}.indices-grid{grid-template-columns:1fr}}