:root {
  --black: #050508;
  --dark: #0c0c14;
  --card: #12121c;
  --border: rgba(255,255,255,0.07);
  --border-bright: rgba(255,255,255,0.14);
  --gold: #f0b429;
  --gold-light: #ffd166;
  --gold-dim: rgba(240,180,41,0.15);
  --teal: #00d4aa;
  --teal-dim: rgba(0,212,170,0.12);
  --white: #f5f5f0;
  --muted: rgba(245,245,240,0.45);
  --radius: 16px;
  --radius-sm: 8px;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: 'DM Sans', sans-serif;
  background: var(--black);
  color: var(--white);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
body::before {
  content: '';
  position: fixed; inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");
  pointer-events: none; z-index: 0; opacity: .6;
}
/* NAV */
nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 100;
  padding: 0 clamp(1rem,5vw,3rem); height: 68px;
  display: flex; align-items: center; justify-content: space-between;
  background: rgba(5,5,8,0.92); backdrop-filter: blur(20px);
  border-bottom: 1px solid var(--border);
}
.logo { font-family:'Syne',sans-serif; font-weight:800; font-size:1.2rem; letter-spacing:-.02em; color:var(--white); text-decoration:none; }
.logo-dot { color:var(--gold); }
.nav-links { display:flex; gap:2rem; list-style:none; }
.nav-links a { font-size:.85rem; font-weight:500; color:var(--muted); text-decoration:none; transition:color .2s; }
.nav-links a:hover, .nav-links a.active { color:var(--white); }
.nav-cta { display:flex; align-items:center; gap:.75rem; }
.nav-phone { font-size:.85rem; color:var(--muted); text-decoration:none; transition:color .2s; }
.nav-phone:hover { color:var(--gold); }
.btn-primary {
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.6rem 1.25rem; background:var(--gold); color:#000;
  font-family:'Syne',sans-serif; font-weight:700; font-size:.85rem;
  border-radius:50px; text-decoration:none; border:none; cursor:pointer;
  transition:transform .2s, box-shadow .2s, background .2s; white-space:nowrap;
}
.btn-primary:hover { background:var(--gold-light); transform:translateY(-1px); box-shadow:0 8px 30px rgba(240,180,41,.35); }
/* LAYOUT */
.container { max-width:1100px; margin:0 auto; padding:0 clamp(1rem,5vw,3rem); }
section { position:relative; z-index:1; }
.section-label {
  display:inline-block; font-size:.72rem; font-weight:700;
  letter-spacing:.12em; text-transform:uppercase; color:var(--gold); margin-bottom:.75rem;
}
h1 { font-family:'Syne',sans-serif; font-weight:800; font-size:clamp(2rem,5vw,3.2rem); letter-spacing:-.03em; line-height:1.1; }
h2 { font-family:'Syne',sans-serif; font-weight:800; font-size:clamp(1.6rem,3.5vw,2.4rem); letter-spacing:-.03em; line-height:1.15; }
h3 { font-family:'Syne',sans-serif; font-weight:700; font-size:clamp(1.1rem,2vw,1.3rem); letter-spacing:-.01em; }
p { line-height:1.7; }
/* BREADCRUMB */
.breadcrumb {
  display:flex; align-items:center; gap:.5rem;
  font-size:.78rem; color:var(--muted); flex-wrap:wrap;
  padding-top:88px; padding-bottom:0;
  padding-left:clamp(1rem,5vw,3rem); padding-right:clamp(1rem,5vw,3rem);
  max-width:1100px; margin:0 auto;
}
.breadcrumb a { color:var(--muted); text-decoration:none; transition:color .2s; }
.breadcrumb a:hover { color:var(--gold); }
.breadcrumb span { color:var(--border-bright); }
/* PAGE HERO */
.page-hero {
  padding: 40px clamp(1rem,5vw,3rem) 80px;
  position:relative; overflow:hidden;
}
.page-hero-bg {
  position:absolute; inset:0;
  background: radial-gradient(ellipse 60% 70% at 50% 0%, rgba(240,180,41,.08), transparent 60%);
}
.page-hero-content { position:relative; z-index:1; max-width:800px; }
.page-hero .badge {
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.35rem .9rem; background:var(--gold-dim);
  border:1px solid rgba(240,180,41,.25); border-radius:50px;
  font-size:.75rem; font-weight:600; letter-spacing:.07em;
  text-transform:uppercase; color:var(--gold); margin-bottom:1.25rem;
}
.page-hero h1 { margin-bottom:1rem; }
.page-hero .subtitle {
  font-size:1.1rem; color:var(--muted); max-width:600px;
  line-height:1.7; font-weight:300; margin-bottom:2rem;
}
.page-hero .subtitle strong { color:var(--white); font-weight:500; }
/* CARDS */
.card {
  background:var(--card); border:1px solid var(--border);
  border-radius:var(--radius); padding:2rem;
  transition:border-color .3s, transform .3s;
}
.card:hover { border-color:var(--border-bright); transform:translateY(-3px); }
/* TAGS */
.tag {
  display:inline-block; font-size:.72rem; font-weight:600;
  letter-spacing:.05em; text-transform:uppercase;
  padding:.25rem .7rem; border-radius:50px;
  background:var(--gold-dim); color:var(--gold);
  border:1px solid rgba(240,180,41,.2);
}
.tag-teal { background:var(--teal-dim); color:var(--teal); border-color:rgba(0,212,170,.2); }
/* REVEAL */
.reveal { opacity:0; transform:translateY(24px); transition:opacity .6s ease, transform .6s ease; }
.reveal.visible { opacity:1; transform:translateY(0); }
/* FOOTER */
footer {
  border-top:1px solid var(--border); padding:2.5rem clamp(1rem,5vw,3rem);
  background:var(--black); position:relative; z-index:1;
}
.footer-inner {
  max-width:1100px; margin:0 auto;
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1rem;
}
.footer-links { display:flex; gap:1.5rem; list-style:none; flex-wrap:wrap; }
.footer-links a { font-size:.82rem; color:var(--muted); text-decoration:none; transition:color .2s; }
.footer-links a:hover { color:var(--white); }
.footer-copy { font-size:.78rem; color:var(--muted); }
/* WA FLOAT */
.wa-float {
  position:fixed; bottom:2rem; right:2rem; z-index:200;
  width:56px; height:56px; border-radius:50%;
  background:#25d366; display:flex; align-items:center; justify-content:center;
  font-size:1.4rem; box-shadow:0 8px 28px rgba(37,211,102,.4);
  text-decoration:none; transition:transform .2s;
}
.wa-float:hover { transform:scale(1.1); }
/* PROSE */
.prose { max-width:740px; }
.prose h2 { margin:2.5rem 0 1rem; font-size:clamp(1.3rem,2.5vw,1.7rem); }
.prose h3 { margin:2rem 0 .75rem; font-size:1.1rem; }
.prose p { color:var(--muted); margin-bottom:1.25rem; font-size:.97rem; }
.prose p strong { color:var(--white); font-weight:500; }
.prose ul { padding-left:1.25rem; margin-bottom:1.25rem; }
.prose ul li { color:var(--muted); font-size:.97rem; margin-bottom:.5rem; line-height:1.65; }
.prose ul li strong { color:var(--white); }
.prose .callout {
  background:var(--card); border-left:3px solid var(--gold);
  border-radius:0 var(--radius-sm) var(--radius-sm) 0;
  padding:1.25rem 1.5rem; margin:1.5rem 0;
}
.prose .callout p { color:var(--white); margin:0; font-size:.93rem; }
/* RESPONSIVE */
@media(max-width:768px) {
  .nav-links { display:none; }
  .footer-inner { flex-direction:column; align-items:flex-start; gap:.75rem; }
}