:root {
      --hp-primary: #7b1e1e;
      --hp-secondary: #d4a017;
      --hp-dark: #1f1f1f;
      --hp-light: #f8f4ef;
      --hp-muted: #6c757d;
    }

    html { scroll-behavior: smooth; }
    body {
      font-family: Arial, Helvetica, sans-serif;
      color: var(--hp-dark);
      background: #fff;
    }

    .navbar {
      background: rgba(31, 31, 31, 0.92);
      backdrop-filter: blur(8px);
    }

    .navbar-brand {
      font-weight: 800;
      letter-spacing: .06em;
      color: #fff !important;
    }

    .navbar .nav-link {
      color: rgba(255,255,255,.88);
      font-weight: 600;
    }

    .navbar .nav-link:hover,
    .navbar .nav-link.active {
      color: var(--hp-secondary);
    }

    .hero {
      min-height: 100vh;
      display: flex;
      align-items: center;
      color: #fff;
      background:
        linear-gradient(rgba(20,20,20,.55), rgba(20,20,20,.7)),
        url('https://images.unsplash.com/photo-1511578314322-379afb476865?auto=format&fit=crop&w=1600&q=80') center/cover no-repeat;
      position: relative;
    }

    .hero-badge {
      display: inline-block;
      padding: .55rem 1rem;
      border-radius: 999px;
      background: rgba(255,255,255,.1);
      border: 1px solid rgba(255,255,255,.2);
      font-size: .9rem;
      margin-bottom: 1.25rem;
    }

    .hero h1 {
      font-size: clamp(2.4rem, 6vw, 5rem);
      font-weight: 800;
      line-height: 1.05;
    }

    .hero p.lead {
      max-width: 760px;
      color: rgba(255,255,255,.88);
    }

    .btn-brand {
      background: var(--hp-secondary);
      color: #1f1f1f;
      font-weight: 700;
      border: none;
      padding: .9rem 1.4rem;
    }

    .btn-brand:hover {
      background: #e2af14;
      color: #111;
    }

    .btn-outline-light-strong {
      border: 2px solid rgba(255,255,255,.8);
      color: #fff;
      font-weight: 700;
      padding: .8rem 1.35rem;
    }

    .btn-outline-light-strong:hover {
      background: #fff;
      color: #111;
    }

    .section-padding {
      padding: 5rem 0;
    }

    .section-title {
      font-size: clamp(1.8rem, 3vw, 2.6rem);
      font-weight: 800;
      margin-bottom: 1rem;
    }

    .section-subtitle {
      color: var(--hp-muted);
      max-width: 760px;
    }

    .card-lift {
      border: 0;
      border-radius: 1.25rem;
      box-shadow: 0 10px 30px rgba(0,0,0,.08);
      transition: transform .25s ease, box-shadow .25s ease;
      height: 100%;
    }

    .card-lift:hover {
      transform: translateY(-6px);
      box-shadow: 0 18px 40px rgba(0,0,0,.12);
    }

    .icon-wrap {
      width: 64px;
      height: 64px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 1rem;
      background: rgba(123,30,30,.08);
      color: var(--hp-primary);
      font-size: 1.6rem;
      margin-bottom: 1rem;
    }

    .about-box {
      background: var(--hp-light);
      border-radius: 1.5rem;
      padding: 2rem;
    }

    .about-img,
    .gallery-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 1.25rem;
    }

    .stats {
      background:
        linear-gradient(rgba(123,30,30,.93), rgba(123,30,30,.93)),
        url('https://images.unsplash.com/photo-1492684223066-81342ee5ff30?auto=format&fit=crop&w=1600&q=80') center/cover no-repeat;
      color: #fff;
    }

    .stat-number {
      font-size: clamp(2rem, 4vw, 3rem);
      font-weight: 800;
    }

    .testimonial {
      background: #fff;
      border-radius: 1.25rem;
      padding: 2rem;
      box-shadow: 0 10px 30px rgba(0,0,0,.08);
      height: 100%;
    }

    .cta {
      background: linear-gradient(135deg, #2a2a2a 0%, #111 100%);
      color: #fff;
      border-radius: 1.5rem;
      padding: 3rem;
    }

    footer {
      background: #141414;
      color: rgba(255,255,255,.8);
    }

    footer a {
      color: rgba(255,255,255,.85);
      text-decoration: none;
    }

    footer a:hover {
      color: var(--hp-secondary);
    }

    .bg-soft {
      background: #faf7f2;
    }

    #logo{max-width: 200px;}