:root{
                                                                           
                                                                               
                                                                             
                                                                               
                                                                           
                                                               
  --ff: 'Instrument Sans', 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont,
        'Segoe UI', 'IBM Plex Sans Arabic', 'Noto Sans Arabic', sans-serif;

                                                                           
                                                                         
                                                                            
                                         
  --violet:      var(--purple-500);
  --violet-dark: var(--purple-600);
  --violet-lite: var(--purple-50);
  --biz:         var(--yellow-500);
  --biz2:        var(--yellow-400);
  --biz3:        var(--yellow-300);
  --green:       var(--success-fg);
  --border:      var(--border-default);
  --border2:     var(--border-strong);
  --card-bg:     var(--surface-card);
  --card-border: var(--border-default);
  --muted:       var(--text-muted);

                                                                              
  --ease: cubic-bezier(.22,.61,.36,1);
}

                                                                              
                                                                
h1, h2, h3,
.auth-brand-h,
.page-title,
.sr-h1, .sr-h2, .sr-h3{
  font-family: 'Space Grotesk', 'Instrument Sans', var(--ff);
  letter-spacing: var(--tracking-display, -.02em);
}

                                                                         
                                                                          
                                       
html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3,
html[lang="ar"] .auth-brand-h,
html[lang="ar"] .page-title{
  font-family: 'IBM Plex Sans Arabic', 'Noto Sans Arabic', var(--ff);
                                                                            
                                                                               
                                                                                 
                                                                              
                                                                                   
  letter-spacing: 0 !important;
  line-height: 1.5;
}
html[lang="ar"] body{
  font-family: 'IBM Plex Sans Arabic', 'Noto Sans Arabic', var(--ff);
  --lh-body: 1.65;
}

                                                                          
                                                                              
                                                                               
                                                                    
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible{
  outline: 3px solid var(--focus-ring, #5700ff);
  outline-offset: 2px;
  border-radius: 4px;
}

                                                                          
                                                                 
                                                                               
                                                                        
                                                                                
                                                                             
                                                                                 
                                                                                
                                                                              
                                                                         
                                                                  
                                                               
.skip-link{
  position: absolute; top: 0; z-index: 999;
  width: 1px; height: 1px; overflow: hidden;
  clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
}
.skip-link:focus,
.skip-link:focus-visible{
  inset-inline-start: 8px; top: 8px;
  clip: auto; clip-path: none; overflow: visible; white-space: normal;
  width: auto; height: auto;
  padding: 10px 16px;
  background: var(--ink); color: var(--white);
  border-radius: 8px; font-weight: 700; text-decoration: none;
  outline: 3px solid var(--focus-ring); outline-offset: 2px;
}

                                                     
@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}

                                                                              
                                                                          
                                                                             
                                                                              
                                                                            
                                                                               
.ft-desc, .ft-lang            { color: rgba(255,255,255,.72) !important; }
.ft-a, .ft-social-email       { color: rgba(255,255,255,.78) !important; }
.ft-col-h                     { color: rgba(255,255,255,.82) !important; }
.ft-regulated, .ft-copy       { color: rgba(255,255,255,.68) !important; }
.ft-social-icon               { color: rgba(255,255,255,.78) !important; }
                                                                            
                                                                            
                                                                             
                                                                              

                                                                              
                                                                            
                                                                             
                                                                                
                                                                               
                                                                      

                                                     
.footer-note { color: #5f5f66 !important; }

                                                                 
.step span, #step-3-label { color: #55555c !important; }

                                                               
                                                                       
                                                                             
                                                                               
                                                                                  
[data-i18n="e404.back"] { color: #4600cc !important; }

                                                                           
                                                                                
#trust-1-d, #trust-2-d, #trust-3-d, #trust-4-d { color: #b9b9bf !important; }
.home-eyebrow, [data-i18n^="home.eyebrow"] { color: rgba(255,255,255,.78) !important; }


                                                                                  

                                                                              
                                                                               
                                                             
[data-i18n="foot.privacy"], [data-i18n="foot.terms"], [data-i18n="nav.support"],
[data-i18n="foot.cookies"] { color: rgba(255,255,255,.75) !important; }

                                                      
[data-i18n="feed.badge_guide"] { color: #55555c !important; }

                                                    
                                                

                                                                      
                                                    


                                                                               
                                                                                
                                                                               
                                                                               
                                                                             
                                   
                                                                      
                                                                                 
                                                                               
                                            

                                                                        
.pp-card:not(.hot) .pp-price-sub,
.pp-card:not(.hot) .pp-cta-microcopy,
.pp-card:not(.hot) .pp-annual-disclosure { color: #55555c !important; }
.pp-card.hot .pp-price-sub,
.pp-card.hot .pp-cta-microcopy,
.pp-card.hot .pp-annual-disclosure { color: #c2c2c8 !important; }
.pp-section .pp-price-sub:not(.pp-card *) { color: #55555c !important; }

                                                                         
.ds-label, .it-lbl { color: #55555c !important; }

                                                                              
                                                                                 
                                                                          
[style*="color:rgba(255,255,255,.25)"],
[style*="color: rgba(255,255,255,.25)"] { color: rgba(255,255,255,.72) !important; }
[style*="color:rgba(255,255,255,.3)"],
[style*="color: rgba(255,255,255,.3)"]  { color: rgba(255,255,255,.74) !important; }
[style*="color:rgba(255,255,255,.4)"],
[style*="color: rgba(255,255,255,.4)"]  { color: rgba(255,255,255,.76) !important; }
[style*="color:rgba(255,255,255,.45)"],
[style*="color: rgba(255,255,255,.45)"] { color: rgba(255,255,255,.76) !important; }

                                                                
[style*="color:#999"] { color: #55555c !important; }


                                                                             
                                                                             
                                                                           
                                                                              
                                                                               
                                           
.ob__legal, .ob__legal a, .ob__sub { color: var(--neutral-600, #55555c); }
.ob__legal a { text-decoration: underline; text-underline-offset: 2px; }


                                                                              
                                                                             
                                                                               
                                                                
                                                                            
.auth__or,
.auth__sub,
.auth__foot,
.auth__panel-foot,
.auth__panel-foot a,
.auth__forgot,
.sr-field__label,
.roletoggle span { color: var(--neutral-600, #55555c); }
.auth__foot a, .auth__sub a, .auth__forgot { color: var(--purple-600, #4600cc); }


                                                                             
                                                                    
                                                                              
                                                                                
.dsearch, .dsearch input, .dsearch::placeholder,
.sh, .eyebrow, .mk, .cd,
.dside .sl, .dfoot, .dfoot a { color: var(--neutral-600, #55555c); }
.dsearch input::placeholder { color: var(--neutral-600, #55555c); opacity: 1; }

                                                                               
                                                          
.cmdbar, .cmdbar *, .railfoot, .railfoot a, .railfoot span { color: var(--neutral-600, #55555c); }


                                                                             
                                                                        
                                                                         
                   
.ob-advanced { margin-top: 22px; border: 1px solid var(--border-default,#e6e6ea); border-radius: 14px; overflow: hidden; }
.ob-advanced__sum { display: flex; align-items: center; gap: 10px; padding: 14px 16px; cursor: pointer;
  font-weight: 700; font-size: 15px; color: var(--ink); list-style: none; }
.ob-advanced__sum::-webkit-details-marker { display: none; }
.ob-advanced__sum::after { content: ""; margin-inline-start: auto; width: 8px; height: 8px;
  border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
  transform: rotate(45deg); transition: transform .18s ease; opacity: .55; }
.ob-advanced[open] .ob-advanced__sum::after { transform: rotate(-135deg); }
.ob-pro-badge { font-size: 10px; font-weight: 800; letter-spacing: .6px; padding: 3px 7px;
  border-radius: 999px; background: var(--purple-50,#efe7ff); color: var(--purple-600,#4600cc); }
.ob-advanced__body { padding: 4px 16px 18px; border-top: 1px solid var(--border-default,#e6e6ea); }
.ob-advanced__body .ob-adv-title { font-size: 16px; font-weight: 700; margin: 18px 0 6px; }
.ob-advanced__body > *:first-child .ob-adv-title { margin-top: 8px; }

                                                                                  
                                                                                    
                                                                                         
.crumb { color: var(--neutral-600, #55555c); }
.cover { color: var(--neutral-700, #43434a); }

                                                                             
                                                                              
                                                                              
.ob-licence-callout { margin: 16px 0 20px; padding: 14px 16px; border-radius: 14px;
  background: var(--yellow-50, #fff8e1); border: 1px solid var(--yellow-600, #d9a300); }
.ob-licence-callout__body { font-size: 13px; line-height: 1.55; color: var(--neutral-700, #43434a); }
.ob-licence-callout__acts { display: flex; align-items: center; gap: 14px; margin-top: 12px; flex-wrap: wrap; }
.ob-linkish { background: none; border: 0; padding: 0; font: inherit; cursor: pointer;
  color: var(--neutral-600, #55555c); text-decoration: underline; text-underline-offset: 2px; }
.sr-btn--sm { height: 34px; padding: 0 14px; font-size: 13px; }

                                                              
.vw-step-lbl, .ob__step { color: var(--neutral-600, #55555c); }