/* ROLES */
  .roles-section{background:var(--navy)}
  .roles-section .section-title{color:white}
  .roles-section .section-sub{color:rgba(255,255,255,0.6)}
  .roles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
  .role-card{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:32px 24px;text-align:center;transition:all 0.3s}
  .role-card:hover{background:rgba(255,255,255,0.1);transform:translateY(-6px)}
  .role-icon{font-size:40px;margin-bottom:16px}
  .role-card h3{font-family:'Sora',sans-serif;font-size:18px;font-weight:700;color:white;margin-bottom:10px}
  .role-card p{font-size:14px;color:rgba(255,255,255,0.6);line-height:1.6}
  /* WHY */
  .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
  .why-card{background:var(--light);border-radius:20px;padding:32px;text-align:center;transition:all 0.3s}
  .why-card:hover{background:white;box-shadow:0 8px 32px rgba(26,86,219,0.08);transform:translateY(-4px)}
  .why-num{font-family:'Sora',sans-serif;font-size:48px;font-weight:800;color:var(--blue);opacity:0.15;line-height:1;margin-bottom:8px}
  .why-icon{font-size:36px;margin-bottom:16px}
  .why-card h3{font-size:18px;font-weight:700;color:var(--navy);margin-bottom:10px}
  .why-card p{font-size:14px;color:var(--gray);line-height:1.7}
  /* STEPS */
  .steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px;position:relative}
  .steps-grid::before{content:'';position:absolute;top:28px;left:12%;right:12%;height:2px;background:linear-gradient(90deg,var(--teal),var(--blue));opacity:0.2;z-index:0}
  .step-card{background:white;border-radius:20px;padding:28px 20px;text-align:center;border:1px solid var(--border);transition:all 0.3s;position:relative;z-index:1}
  .step-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(26,86,219,0.1);border-color:var(--sky)}
  .step-num{width:52px;height:52px;border-radius:50%;margin:0 auto 16px;background:linear-gradient(135deg,var(--blue),var(--teal));display:flex;align-items:center;justify-content:center;font-family:'Sora',sans-serif;font-size:20px;font-weight:800;color:white}
  .step-icon{font-size:28px;margin-bottom:12px}
  .step-card h3{font-size:16px;font-weight:700;color:var(--navy);margin-bottom:8px}
  .step-card p{font-size:13px;color:var(--gray);line-height:1.6}
  /* SECURITY */
  .security-section{background:linear-gradient(135deg,#F0F6FF,#E8F4FF)}
  .security-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-top:48px}
  .security-points{display:flex;flex-direction:column;gap:20px}
  .sec-point{display:flex;align-items:flex-start;gap:16px;background:white;border-radius:16px;padding:20px;border:1px solid var(--border)}
  .sec-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--teal));display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
  .sec-point h4{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:4px}
  .sec-point p{font-size:13px;color:var(--gray);line-height:1.5}
  .security-visual{background:white;border-radius:24px;padding:36px;box-shadow:0 16px 48px rgba(26,86,219,0.08);border:1px solid var(--border)}
  .sec-vis-title{font-family:'Sora',sans-serif;font-size:20px;font-weight:700;color:var(--navy);margin-bottom:24px}
  .sec-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .sec-stat{background:var(--light);border-radius:14px;padding:20px;text-align:center}
  .sec-stat .big{font-family:'Sora',sans-serif;font-size:36px;font-weight:800;color:var(--blue)}
  .sec-stat .label{font-size:12px;color:var(--gray);margin-top:4px;font-weight:500}
  /* TESTIMONIALS */
  .testimonial-section{background:var(--navy);padding:80px 5%}
  .testimonial-section .section-title{color:white}
  .testimonial-section .section-sub{color:rgba(255,255,255,0.6)}
  .testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
  .testimonial-card{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:28px}
  .stars{color:var(--orange);font-size:18px;margin-bottom:16px}
  .testimonial-card p{font-size:15px;color:rgba(255,255,255,0.8);line-height:1.7;margin-bottom:20px;font-style:italic}
  .testimonial-author{display:flex;align-items:center;gap:12px}
  .author-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--teal));display:flex;align-items:center;justify-content:center;font-weight:700;color:white;font-size:16px}
  .author-name{font-weight:700;color:white;font-size:14px}
  .author-role{font-size:12px;color:rgba(255,255,255,0.5)}
  @media(max-width:768px){
    .hero-grid,.features-grid,.security-grid,.modules-outer,.roles-grid,.why-grid,.testimonials-grid,.steps-grid{grid-template-columns:1fr}
    .hero h1{font-size:34px}.section-title{font-size:28px}
    .hero-stats{flex-wrap:wrap;gap:24px}
    .steps-grid::before{display:none}
    .pricing-cards{flex-direction:column;align-items:center}
  }
  @media(max-width:600px){
    .hero h1{font-size:38px}
    .hero-grid{gap:40px}
    .hero-btns{justify-content:center}
    .section-title{font-size:30px}
    .pricing-features{flex-direction:column;align-items:center;gap:16px}
  }