:root {
      --bg:#0b0b0b;
      --panel:rgba(255,255,255,0.02);
      --line:rgba(255,255,255,0.08);
      --text:#f8f8f8;
      --muted:#bbbbbb;
    }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body {
      margin:0;
      font-family:'Inter',sans-serif;
      background:var(--bg);
      color:var(--text);
    }
    header {
      padding:20px 40px;
      display:flex;
      justify-content:space-between;
      align-items:center;
      border-bottom:1px solid var(--line);
      backdrop-filter: blur(10px);
      position:sticky;
      top:0;
      background:rgba(11,11,11,0.92);
      z-index:10;
    }
    header h1 {
      font-family:'Playfair Display',serif;
      font-size:24px;
      letter-spacing:0.5px;
      margin:0;
    }
    .brand {
      display:flex;
      align-items:center;
      gap:15px;
    }
    .brand img {
      height:75px;
      width:auto;
      display:block;
    }
    nav {
      display:flex;
      gap:24px;
      flex-wrap:wrap;
    }
    nav a {
      text-decoration:none;
      color:#aaa;
      transition:0.3s;
      font-size:15px;
    }
    nav a:hover,
    nav a.active {
      color:#fff;
    }
    main {
      min-height:100vh;
    }
    .page {
      display:none;
      max-width:1150px;
      margin:0 auto;
      padding:90px 40px;
    }
    .page.active {
      display:block;
    }
    .hero {
      min-height:78vh;
      display:flex;
      flex-direction:column;
      justify-content:center;
      align-items:center;
      text-align:center;
      background:
        linear-gradient(rgba(11,11,11,0.68), rgba(11,11,11,0.72)),
        url('home-bg.jpg') center/cover no-repeat;
      border-radius:24px;
      padding:40px 24px;
    }
    .hero h2 {
      font-family:'Playfair Display',serif;
      font-size:60px;
      margin:0 0 20px;
      max-width:800px;
    }
    .hero p {
      max-width:700px;
      opacity:0.85;
      font-size:18px;
      line-height:1.7;
      margin:0;
    }
    h2 {
      font-family:'Playfair Display',serif;
      font-size:42px;
      margin:0 0 24px;
    }
    h3 {
      font-family:'Playfair Display',serif;
      font-size:26px;
      margin:0 0 10px;
    }
    p {
      line-height:1.8;
      color:#e8e8e8;
    }
    .lead {
      max-width:760px;
      color:#d6d6d6;
      margin-bottom:28px;
    }
    .btn-group {
      display:flex;
      gap:15px;
      justify-content:center;
      flex-wrap:wrap;
      margin-top:28px;
    }
    .btn {
      padding:14px 28px;
      border:1px solid rgba(255,255,255,0.4);
      background:rgba(255,255,255,0.05);
      color:white;
      cursor:pointer;
      border-radius:40px;
      transition:0.3s;
      display:inline-flex;
      align-items:center;
      gap:10px;
      font-size:15px;
      letter-spacing:0.4px;
      text-decoration:none;
    }
    .btn:hover {
      background:white;
      color:black;
      transform:translateY(-2px);
    }
    .grid {
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
      gap:25px;
    }
    .grid.two {
      grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    }
    .card {
      padding:30px;
      border:1px solid var(--line);
      border-radius:20px;
      background:var(--panel);
      backdrop-filter: blur(8px);
      transition:0.3s;
    }
    .card:hover {
      transform:translateY(-5px);
      border-color:rgba(255,255,255,0.2);
    }
    .pricing {
      font-size:15px;
      opacity:0.9;
      margin-top:12px;
      line-height:1.8;
    }
    .service-photo {
      width:100%;
      height:220px;
      object-fit:cover;
      object-position:center;
      border-radius:12px;
      margin-bottom:15px;
      display:block;
    }

    .lymphatic-photo {
      object-position:center top;
    }
    .service-photo-double {
      width:100%;
      height:180px;
      object-fit:cover;
      object-position:center;
      border-radius:12px;
      margin-bottom:12px;
      display:block;
    }

    .water-photo {
      width:100%;
      height:auto;
      max-height:260px;
      object-fit:contain;
      border-radius:12px;
      margin-bottom:12px;
      display:block;
      background:rgba(255,255,255,0.03);
    }
    .feature-list {
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
      gap:18px;
      margin-top:28px;
    }
    .feature-item {
      border:1px solid var(--line);
      border-radius:18px;
      padding:22px;
      background:var(--panel);
    }

    .about-grid {
      display:grid;
      grid-template-columns: 280px 1fr;
      gap:30px;
      align-items:start;
    }

    .about-grid img {
      width:100%;
      height:auto;
      max-width:280px;
      object-fit:cover;
      border-radius:16px;
      display:block;
    }

    @media (max-width: 820px) {
      .about-grid {
        grid-template-columns:1fr;
      }
    }
    .contact-box {
      max-width:760px;
      margin:0 auto;
    }
    form {
      display:grid;
      gap:14px;
      margin-top:24px;
    }
    input, textarea {
      padding:14px;
      background:#141414;
      border:none;
      color:white;
      border-radius:10px;
      width:100%;
      font-family:inherit;
      font-size:15px;
    }
    textarea {
      min-height:140px;
      resize:vertical;
    }
    iframe {
      width:100%;
      border:none;
      border-radius:16px;
    }
    footer {
      text-align:center;
      padding:40px;
      opacity:0.5;
      font-size:14px;
      border-top:1px solid var(--line);
      margin-top:20px;
    }
    .floating-wa {
      position:fixed;
      bottom:20px;
      right:20px;
      background:#25D366;
      color:white;
      padding:14px 16px;
      border-radius:50px;
      text-decoration:none;
      font-size:18px;
      box-shadow:0 4px 15px rgba(0,0,0,0.3);
      z-index:20;
    }
    @media (max-width: 820px) {
      header {
        padding:18px 20px;
        align-items:flex-start;
        flex-direction:column;
        gap:16px;
      }
      .page {
        padding:70px 20px;
      }
      .hero h2 {
        font-size:42px;
      }
      h2 {
        font-size:34px;
      }
      nav {
        gap:16px;
      }
    }
  
    select {padding:14px;background:#141414;border:1px solid var(--line);color:white;border-radius:10px;width:100%;font:inherit;} label {color:#e8e8e8;font-size:14px;} 

.page {display:block;} .page.active {display:block;} nav a[aria-current="page"]{color:white;} .page{min-height:55vh;}