/* template-4.css (Modern Landing) */
    
    body._31bgm {
      background-color: var(--bg);
      background-image: 
        radial-gradient(circle at 50% 0%, color-mix(in oklab, var(--brand) 20%, transparent), transparent 700px),
        linear-gradient(180deg, var(--bg), var(--bg2));
    }

    /* --- NAVBAR FIXED --- */
    body._31bgm ._2bw1y {
      background: color-mix(in srgb, var(--bg), transparent 10%);
      backdrop-filter: blur(10px);
      border-bottom: 1px solid var(--border);
    }
    
    /* Ensure Desktop Nav is Visible */
    body._31bgm ._5pu3l {
      display: flex;
      gap: 16px;
    }
    body._31bgm ._5pu3l a {
      background: transparent;
      border: 0;
      color: var(--muted);
      font-weight: 600;
    }
    body._31bgm ._5pu3l a:hover {
      color: var(--txt);
    }

    /* --- HERO --- */
    body._31bgm ._1w4t {
      padding: 80px 0 60px 0;
      position: relative;
    }
    body._31bgm ._1w4t h1 {
      font-size: 3.5rem;
      font-weight: 800;
      letter-spacing: -0.02em;
      line-height: 1.1;
      background: linear-gradient(180deg, var(--txt), var(--muted));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      margin-bottom: 24px;
    }
    @media(max-width: 768px){
       body._31bgm ._1w4t { padding: 40px 0 20px 0; }
       body._31bgm ._1w4t h1 { font-size: 2.5rem; }
    }

    /* --- ZIG-ZAG ROWS --- */
    body._31bgm ._2tv7h {
      display: flex; flex-direction: column; gap: 80px;
    }
    
    body._31bgm ._5udla {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 50px;
      align-items: center;
    }
    
    body._31bgm ._5udla:nth-child(even) {
      direction: rtl; 
    }
    body._31bgm ._5udla:nth-child(even) > * {
      direction: ltr; 
    }

    body._31bgm ._3q032 {
      border-radius: 20px;
      overflow: hidden;
      box-shadow: var(--shadow);
      border: 1px solid var(--border);
      transition: transform 0.3s ease;
    }
    body._31bgm ._5udla:hover ._3q032 { transform: scale(1.02); }

    /* Typography */
    body._31bgm ._3g3ld h2 { font-size: 2rem; margin-bottom: 16px; font-weight: 800; }
    body._31bgm ._3g3ld p { font-size: 1.1rem; color: var(--muted); }

    /* MOBILE LAYOUT */
    @media(max-width: 900px){
      body._31bgm ._2tv7h { gap: 60px; }
      
      body._31bgm ._5udla, 
      body._31bgm ._5udla:nth-child(even) {
        grid-template-columns: 1fr;
        direction: ltr; 
        display: flex;
        flex-direction: column-reverse; 
        gap: 30px;
      }
      
      body._31bgm ._3g3ld { 
        padding: 0 10px; 
        text-align: center; 
      }
      
      body._31bgm ._3g3ld ul { 
        display: inline-block; 
        text-align: left; 
        margin: 0 auto; 
      }
    }

    /* --- BANDS & BUTTONS --- */
    body._31bgm ._2d2h4 {
      border-top: 1px solid var(--border);
      border-bottom: 1px solid var(--border);
      background: var(--surface);
      padding: 24px 0;
    }
    
    body._31bgm ._2wjs7 {
      border-radius: 99px;
      padding: 14px 32px;
      font-size: 1.05rem;
      box-shadow: 0 0 20px color-mix(in oklab, var(--brand) 40%, transparent);
      transition: transform 0.2s, box-shadow 0.2s;
    }
    body._31bgm ._2wjs7:hover {
      transform: translateY(-2px);
      box-shadow: 0 0 30px color-mix(in oklab, var(--brand) 60%, transparent);
    }