*{
      margin:0;
      padding:0;
      box-sizing:border-box;
    }

    body{
      font-family:'Inter',sans-serif;
      background:var(--bg);
      color:var(--text);
      overflow-x:hidden;
    }

    html{
      scroll-behavior:smooth;
    }

    .container{
      width:100%;
      max-width:1200px;
      margin:auto;
      padding:0 24px;
    }

    header{
      position:fixed;
      width:100%;
      top:0;
      z-index:999;
      backdrop-filter:blur(18px);
      background:rgba(9,9,15,0.7);
      border-bottom:1px solid var(--border);
    }

    nav{
      display:flex;
      align-items:center;
      justify-content:space-between;
      height:80px;
    }

    .logo{
      font-size:28px;
      font-weight:900;
      background:var(--gradient);
      -webkit-background-clip:text;
      -webkit-text-fill-color:transparent;
    }

    .nav-links{
      display:flex;
      gap:32px;
    }

    .nav-links a{
      text-decoration:none;
      color:#fff;
      font-weight:600;
      transition:.3s;
    }

    .nav-links a:hover{
      color:var(--secondary);
    }

    .stats{
      display:flex;
      justify-content:space-between;
      gap:18px;
    }

    .stat-box{
      flex:1;
      background:rgba(255,255,255,.04);
      border-radius:18px;
      padding:18px;
      text-align:center;
    }

    .stat-box h4{
      font-size:28px;
      margin-bottom:6px;
      color:var(--secondary);
    }

    .stat-box span{
      color:var(--muted);
      font-size:14px;
    }

    section{
      padding:120px 0;
    }

    .section-title{
      text-align:center;
      margin-bottom:70px;
    }

    .section-title span{
      color:var(--secondary);
      font-weight:700;
      text-transform:uppercase;
      letter-spacing:2px;
      font-size:14px;
    }

    .section-title h2{
      font-size:52px;
      margin-top:14px;
      font-weight:900;
    }

    .section-title p{
      color:var(--muted);
      max-width:700px;
      margin:20px auto 0;
      line-height:1.8;
      font-size:18px;
    }

    .features{
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
      gap:28px;
    }

    .feature-card{
      background:var(--card);
      border:1px solid var(--border);
      padding:36px;
      border-radius:28px;
      transition:.35s;
      position:relative;
      overflow:hidden;
    }

    .feature-card:hover{
      transform:translateY(-8px);
      border-color:rgba(0,212,255,.4);
    }

    .feature-icon{
      width:72px;
      height:72px;
      border-radius:20px;
      background:rgba(139,92,246,.15);
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:32px;
      margin-bottom:24px;
    }

    .feature-card h3{
      font-size:24px;
      margin-bottom:14px;
    }

    .feature-card p{
      color:var(--muted);
      line-height:1.8;
    }