:root{--bg:#0c0f14;--panel:#131924;--panel2:#0f1520;--text:#eef2f7;--muted:#a7b0bf;--line:rgba(255,255,255,.09);--gold:#d6b36a;--gold2:#f1ddac;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.7 Georgia,"Times New Roman",serif;background:radial-gradient(circle at top,#16202f 0,#0c0f14 42%,#090b10 100%);color:var(--text)}a{color:inherit;text-decoration:none}.wrap{max-width:var(--max);margin:auto;padding:0 24px}.nav{position:sticky;top:0;backdrop-filter:blur(14px);background:rgba(12,15,20,.72);border-bottom:1px solid var(--line);z-index:10}.nav .wrap{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;gap:16px}.brand{font:600 18px/1.1 Georgia,serif;letter-spacing:.04em}.navlinks{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:14px}.navlinks a[aria-current=page]{color:var(--gold2)}.cta{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border:1px solid rgba(214,179,106,.45);border-radius:999px;background:linear-gradient(180deg,rgba(214,179,106,.16),rgba(214,179,106,.06));font:600 14px/1 Arial,sans-serif}.hero{padding:84px 0 48px}.eyebrow{color:var(--gold2);text-transform:uppercase;letter-spacing:.16em;font:600 12px/1.2 Arial,sans-serif}.hero h1{margin:12px 0 18px;font-size:clamp(36px,5vw,68px);line-height:1.04;font-weight:600;max-width:14ch}.lead{max-width:760px;font-size:clamp(18px,2.1vw,22px);color:#d7deea}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:42px;align-items:center}.hero-card,.panel,.card,.quote,.list-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02))}.hero-card{border-radius:24px;padding:16px;box-shadow:0 16px 60px rgba(0,0,0,.28)}.hero-card img{width:100%;display:block;border-radius:18px}.section{padding:20px 0 36px}.panel{border-radius:28px;padding:32px}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card,.list-card{border-radius:20px;padding:22px}.card h2,.card h3,.panel h2,.panel h3,.list-card h3{margin:0 0 10px}.muted{color:var(--muted)}.btns,.chips{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 18px;border-radius:14px;border:1px solid var(--line);background:#151b26;font:600 14px/1 Arial,sans-serif}.btn.primary{background:linear-gradient(180deg,var(--gold),#b99347);color:#14110a;border-color:#c9a65d}.chips{margin:24px 0}.chip{padding:10px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.03);color:#d5dbe6;font:500 13px/1.2 Arial,sans-serif}.quote{padding:18px;border-left:3px solid var(--gold);border-radius:14px}.stack{display:grid;gap:14px}.footer{padding:38px 0 56px;color:var(--muted)}.footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:22px}.mini{font-size:14px;color:var(--muted)}ul.clean{margin:0;padding-left:18px}ul.clean li{margin:8px 0}.price{font:700 34px/1 Georgia,serif;margin:8px 0 2px}.kicker{font:600 14px/1.4 Arial,sans-serif;color:var(--gold2)}.list-card{border-radius:20px;padding:22px}.spacer{height:8px}@media (max-width:900px){.hero-grid,.split,.grid3,.grid2{grid-template-columns:1fr}.nav .wrap{align-items:center}.navlinks{display:none}.nav-mobile{display:block}.cta{display:none}.hero h1{max-width:none}}.nav-mobile{display:none;position:relative}.nav-hamburger{background:none;border:none;cursor:pointer;padding:8px;display:flex;flex-direction:column;gap:4px}.nav-hamburger span{display:block;width:24px;height:2px;background:var(--muted);transition:transform 0.3s, opacity 0.3s}.nav-hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.nav-mobile-menu{position:absolute;top:100%;right:0;background:rgba(12,15,20,.95);backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:12px;padding:20px;min-width:200px;display:none;flex-direction:column;gap:12px;margin-top:10px;box-shadow:0 10px 40px rgba(0,0,0,.3)}.nav-mobile-menu.open{display:flex}.nav-mobile-menu a{color:var(--text);padding:10px 16px;border-radius:8px;transition:background 0.2s}.nav-mobile-menu a:hover{background:rgba(255,255,255,.05)}.cta-mobile{background:linear-gradient(180deg,var(--gold),#b99347);color:#14110a;border:1px solid #c9a65d;border-radius:999px;padding:12px 18px;text-align:center;font-weight:600;margin-top:10px}

/* Floating Contact Button */
.floating-contact {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 100;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
}

.floating-contact-btn {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: linear-gradient(180deg, var(--gold), #b99347);
  border: 1px solid #c9a65d;
  color: #14110a;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(214, 179, 106, 0.3);
  transition: transform 0.2s, box-shadow 0.2s;
}

.floating-contact-btn:hover {
  transform: scale(1.05);
  box-shadow: 0 12px 32px rgba(214, 179, 106, 0.4);
}

.floating-contact-panel {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 24px;
  width: 320px;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.4);
  display: none;
  animation: slideIn 0.3s ease;
}

.floating-contact-panel.open {
  display: block;
}

.floating-contact-panel h3 {
  margin: 0 0 12px;
  font-size: 18px;
  color: var(--gold2);
}

.floating-contact-panel p {
  margin: 0 0 20px;
  color: var(--muted);
  font-size: 14px;
}

.floating-contact-close {
  position: absolute;
  top: 16px;
  right: 16px;
  background: none;
  border: none;
  color: var(--muted);
  font-size: 20px;
  cursor: pointer;
  padding: 4px;
  line-height: 1;
}

.floating-contact-close:hover {
  color: var(--text);
}

@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 768px) {
  .floating-contact {
    bottom: 16px;
    right: 16px;
  }

  .floating-contact-panel {
    width: calc(100vw - 32px);
    max-width: 320px;
  }
}