:root {
  --fd-bg: #f7f3ef;
  --fd-white: #ffffff;
  --fd-text: #2f1b12;
  --fd-muted: #6d584d;
  --fd-accent: #d6922f;
  --fd-brown: #6b3724;
  --fd-border: #eadfd6;
  --fd-shadow: 0 12px 30px rgba(47, 27, 18, 0.08);
  --fd-radius: 22px;
  --fd-max: 1180px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  background: var(--fd-bg);
  color: var(--fd-text);
  line-height: 1.6;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; display: block; }
.fd-container { width: min(calc(100% - 32px), var(--fd-max)); margin: 0 auto; }
.fd-header {
  position: sticky; top: 0; z-index: 50;
  background: rgba(247, 243, 239, 0.94);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--fd-border);
}
.fd-header-inner { display: flex; align-items: center; justify-content: space-between; padding: 14px 0; gap: 16px; }
.fd-brand { display: inline-flex; align-items: center; gap: 12px; font-weight: 700; }
.fd-logo-wrap img { width: 48px; height: 48px; object-fit: contain; }
.fd-site-name, .fd-brand-text { font-size: 1.1rem; }
.fd-nav .menu { display: flex; gap: 20px; list-style: none; margin: 0; padding: 0; }
.fd-nav a { color: var(--fd-muted); font-weight: 600; }
.fd-hero { padding: 56px 0 42px; }
.fd-hero-grid, .fd-about-grid { display: grid; grid-template-columns: 1.05fr 1fr; gap: 40px; align-items: center; }
.fd-kicker { display: inline-block; font-size: .9rem; color: var(--fd-accent); font-weight: 700; margin-bottom: 10px; }
.fd-hero h1, .fd-section-header h1, .fd-section-header h2, .fd-about-grid h1, .fd-about-grid h2 {
  font-family: Georgia, 'Times New Roman', serif;
  line-height: 1.08;
  letter-spacing: -0.02em;
  margin: 0 0 16px;
}
.fd-hero h1 { font-size: clamp(2.5rem, 5vw, 4.5rem); max-width: 9ch; }
.fd-hero p { max-width: 52ch; color: var(--fd-muted); font-size: 1.07rem; }
.fd-hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 24px; }
.fd-btn {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 14px 22px; border-radius: 999px; font-weight: 700;
  background: var(--fd-brown); color: #fff; border: 1px solid var(--fd-brown);
}
.fd-btn:hover { opacity: .92; }
.fd-btn-outline { background: transparent; color: var(--fd-brown); }
.fd-hero-visual img {
  width: 100%; border-radius: 28px; box-shadow: var(--fd-shadow); background: #f0e4d9;
}
.fd-section { padding: 56px 0; }
.fd-section-alt { background: #fbf8f4; border-top: 1px solid var(--fd-border); }
.fd-section-header { text-align: center; margin-bottom: 26px; }
.fd-section-header p { max-width: 60ch; margin: 0 auto; color: var(--fd-muted); }
.fd-note-card {
  background: var(--fd-white); border: 1px solid var(--fd-border); border-radius: var(--fd-radius);
  padding: 24px; box-shadow: var(--fd-shadow);
}
.fd-bullets { margin: 18px 0 0; padding-left: 20px; }
.fd-footer { border-top: 1px solid var(--fd-border); padding-top: 32px; }
.fd-footer-grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 28px; }
.fd-copy { padding: 18px 0 28px; color: var(--fd-muted); font-size: .95rem; }
.fd-whatsapp-float {
  position: fixed; left: 18px; bottom: 18px; z-index: 80;
  background: #25d366; color: #fff; border-radius: 999px; padding: 13px 18px; font-weight: 700;
  box-shadow: 0 10px 20px rgba(0,0,0,.15);
}
@media (max-width: 900px) {
  .fd-hero-grid, .fd-about-grid, .fd-footer-grid { grid-template-columns: 1fr; }
  .fd-hero { padding-top: 34px; }
  .fd-hero h1 { max-width: 12ch; }
}
@media (max-width: 680px) {
  .fd-header-inner { flex-direction: column; align-items: flex-start; }
  .fd-nav .menu { flex-wrap: wrap; }
  .fd-hero h1 { font-size: 2.5rem; }
}