:root{
  --primary:#2C2C2C;
  --secondary:#4A4A4A;
  --accent:#466F61;
  --accent-hover:#315B4C;
  --background:#F9F9F9;
  --white:#FFFFFF;
  --border:rgba(74,74,74,0.08);
}
*{ margin:0; padding:0; box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  background:var(--background);
  font-family:'DM Sans',sans-serif;
  color:var(--secondary);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
.site-nav{
  position:fixed;
  z-index:1000;
  top:0;
  left:0;
  width:100%;
  padding:18px 22px;
  display:flex;
  justify-content:center;
  gap:16px;
  flex-wrap:wrap;
  background:rgba(255,255,255,0.92);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--border);
}
.site-nav a{
  color:var(--secondary);
  text-decoration:none;
  font-size:10px;
  font-weight:700;
  letter-spacing:0.18em;
  text-transform:uppercase;
  opacity:0.72;
  transition:opacity 0.25s ease, color 0.25s ease;
}
.site-nav a:hover,
.site-nav a.active{
  color:var(--accent);
  opacity:1;
}
.transmission-section{
  position:relative;
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:clamp(128px,14vw,168px) 26px clamp(104px,14vw,140px);
  background:
    radial-gradient(circle at 82% 16%, rgba(58,106,88,0.045), transparent 34%),
    linear-gradient(180deg, #FFFFFF 0%, #F9F9F9 100%);
}
.container{
  width:100%;
  max-width:580px;
  margin:0 auto;
  text-align:center;
}
.meta-tag{
  margin-bottom:42px;
  font-size:10px;
  font-weight:700;
  letter-spacing:0.26em;
  text-transform:uppercase;
  color:var(--accent);
  opacity:0.88;
}
.text-flow{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:20px;
}
.lux-offer{
  font-size:clamp(22px,5.8vw,27px);
  font-weight:600;
  line-height:1.28;
  letter-spacing:-0.03em;
  color:var(--primary);
}
.lux-step{
  margin-top:4px;
  font-size:clamp(16px,4.2vw,18px);
  font-weight:500;
  line-height:1.55;
  letter-spacing:-0.008em;
  color:var(--secondary);
  opacity:0.96;
}
.lux-closing{
  margin-top:28px;
  padding-top:34px;
  border-top:1px solid var(--border);
  font-size:clamp(34px,9.4vw,60px);
  font-weight:600;
  line-height:0.94;
  letter-spacing:-0.068em;
  color:var(--primary);
}
.btn-row{
  margin-top:60px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:14px;
}
.btn-action,
.btn-secondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  max-width:300px;
  min-height:50px;
  padding:0 38px;
  text-decoration:none;
  font-size:11.5px;
  font-weight:500;
  letter-spacing:0.22em;
  text-transform:uppercase;
  border-radius:0;
  transition:background 0.28s ease, transform 0.28s ease, opacity 0.28s ease, border-color 0.28s ease;
}
.btn-action{
  background:var(--accent);
  color:var(--white);
  border:1px solid var(--accent);
}
.btn-secondary{
  background:transparent;
  color:var(--accent);
  border:1px solid rgba(70,111,97,0.28);
}
.btn-action:hover{
  background:var(--accent-hover);
  transform:translateY(-1px);
}
.btn-secondary:hover{
  border-color:var(--accent);
  transform:translateY(-1px);
}
.footer-note{
  margin-top:36px;
  font-size:13.5px;
  font-weight:400;
  line-height:1.6;
  letter-spacing:0.04em;
  color:var(--secondary);
  opacity:0.68;
}
@media (min-width:768px){
  .site-nav{ gap:26px; padding:22px 32px; }
  .transmission-section{ padding:156px 48px 156px; }
  .container{ max-width:640px; }
  .lux-closing{ font-size:64px; }
  .btn-row{ flex-direction:row; justify-content:center; }
  .btn-action,.btn-secondary{ width:auto; min-width:250px; }
}
@media (min-width:1280px){
  .container{ max-width:680px; }
}