body { font-family: 'Inter', system_ui, sans-serif; background-color: #F8F5F0; }
    .nav-link { font-weight: 600; transition: color 0.2s ease; color: #1F2937; }
    .nav-link:hover { color: #000; }
    .feature-card {
      background-color: #FFFEF9;
      box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.05);
    }

    
    .fokue-premium-page {
      background:
        radial-gradient(circle at 8% 4%, rgba(192,83,59,.10), transparent 28%),
        linear-gradient(180deg, #F8F5F0 0%, #F4EFE7 42%, #FFFEF9 100%);
      color: #1F2937;
    }
    .fokue-intro-section {
      background:
        radial-gradient(circle at 8% 12%, rgba(192,83,59,.12), transparent 34%),
        radial-gradient(circle at 90% 8%, rgba(31,41,55,.08), transparent 30%),
        #F8F5F0;
    }
    .fokue-about-layout {
      display: grid;
      gap: 3rem;
      align-items: center;
    }
    @media (min-width: 1024px) {
      .fokue-about-layout {
        grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
      }
    }
    .fokue-about-visual {
      position: relative;
      max-width: 560px;
      margin: 0 auto;
    }
    .fokue-about-visual::before {
      content: "";
      position: absolute;
      inset: -1.1rem;
      border-radius: 2rem;
      background:
        radial-gradient(circle at 20% 15%, rgba(192,83,59,.24), transparent 34%),
        linear-gradient(145deg, rgba(31,41,55,.14), rgba(255,255,255,.28));
      filter: blur(.2px);
      z-index: 0;
    }
    .fokue-about-picture {
      position: relative;
      z-index: 1;
      display: block;
      overflow: hidden;
      border-radius: 1.75rem;
      border: 1px solid rgba(31,41,55,.10);
      box-shadow: 0 28px 70px rgba(31,41,55,.18);
      background: #111827;
    }
    .fokue-about-picture img {
      display: block;
      width: 100%;
      height: auto;
    }
    .fokue-about-content {
      max-width: 720px;
    }
    .fokue-about-kicker {
      display: inline-flex;
      align-items: center;
      gap: .75rem;
      color: #C0533B;
      font-size: .78rem;
      font-weight: 700;
      letter-spacing: .24em;
      text-transform: uppercase;
      margin-bottom: 1.1rem;
    }
    .fokue-about-kicker::before {
      content: "";
      width: 2.25rem;
      height: 2px;
      border-radius: 999px;
      background: #C0533B;
    }
    .fokue-about-content strong {
      color: #1F2937;
      font-weight: 700;
    }
    .fokue-expertise-section {
      background: #FFFFFF;
    }
    .fokue-expertise-section .feature-card {
      background: #FFFEF9;
      border-color: #E5E0D8;
      box-shadow: 0 16px 38px rgba(31,41,55,.08);
    }
    .fokue-values-section {
      background:
        radial-gradient(circle at 10% 8%, rgba(192,83,59,.20), transparent 32%),
        radial-gradient(circle at 88% 58%, rgba(248,245,240,.07), transparent 30%),
        linear-gradient(145deg, #111827, #1F2937 58%, #171717);
      color: #F8F5F0;
      border-top: 1px solid rgba(248,245,240,.10);
      border-bottom: 1px solid rgba(248,245,240,.10);
    }
    .fokue-values-section h3,
    .fokue-values-section h4 { color: #F8F5F0 !important; }
    .fokue-values-section .text-zinc-500 { color: #A8A29E !important; }
    .fokue-values-section .feature-card {
      background: linear-gradient(145deg, rgba(255,254,249,.10), rgba(255,254,249,.045));
      border-color: rgba(248,245,240,.14) !important;
      box-shadow: 0 20px 44px rgba(0,0,0,.24);
      backdrop-filter: blur(8px);
    }
    .fokue-values-section .feature-card p { color: #D6D3D1 !important; }