/* Properte.ai Styles */

/* Glass effect utility */
.glass { 
    backdrop-filter: saturate(160%) blur(8px); 
    background: rgba(255,255,255,0.7); 
  }
  
  /* Hero background gradient */
  .hero-bg { 
    background: radial-gradient(1200px 600px at 80% -10%, rgba(99,102,241,.25), transparent), 
                radial-gradient(900px 500px at -10% 10%, rgba(6,182,212,.20), transparent), 
                linear-gradient(180deg, #ffffff 0%, #f8fafc 100%); 
  }
  
  /* Toggle switch styles */
  .toggle { 
    position: relative; 
    width: 64px; 
    height: 34px; 
    border-radius: 9999px; 
    background: #e2e8f0; 
    transition: background .2s ease; 
  }
  
  .toggle:has(input:checked) { 
    background: #4338ca; 
  }
  
  .knob { 
    position: absolute; 
    top: 3px; 
    left: 3px; 
    width: 28px; 
    height: 28px; 
    background: white; 
    border-radius: 9999px; 
    transition: transform .2s ease; 
    box-shadow: 0 6px 18px rgba(2,6,23,.12); 
  }
  
  input:checked + .knob { 
    transform: translateX(30px); 
  }
  
  /* Screen reader only utility */
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }