/* Styles minimalistes et lisibles */
:root{
  --bg: #e1ce7a;
  --card:#151a2a;
  --text:#230007;
  --line:#e1ce7a;
  --brand:#d81e5b;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: var(--bg);
  color: var(--text);
  line-height: 1.5;
}

.container{width:min(1100px,92%);margin-inline:auto}

/* Header */
.header { text-align: center; }
.site-header{
  position: sticky; top:0; z-index: 10;
  backdrop-filter: blur(6px) saturate(140%);
  background: var(--bg);
  border-bottom: 1px solid var(--line);
}
.header-inner{display:flex; align-items:center; gap:0px; padding:0px 0;}

/* Sections */
.section{padding:38px 0; border-top: 1px solid var(--line)}
.title{margin:0 0 0px 0; font-size: clamp(28px, 4.5vw, 42px); line-height:1.1; text-align:center}
.subtitle{margin:0 0 0px 0; font-size: clamp(18px, 3vw, 24px); color: var(--text); font-family: 'Sora'}
.lead{margin:0; max-width: 70ch; color: var(--text)}

/* Copyrighting */
#copywriting{background: var(--bg); text-align:center}
#copywriting .title{font-family: 'Sora', serif}
/* VSL placeholder */
.video-placeholder{
  border: 1px dashed var(--line);
  border-radius: 14px;
  padding: 18px;
  background: var(--card);
}
.video-hint{color: var(--text); text-align:center; padding:50px 0}
.video-embed{position:relative; padding-top:56.25%; border-radius:14px; overflow:hidden}
.video-embed iframe{position:absolute; inset:0; width:100%; height:100%; border:0}

/* CTA */
.center{text-align:center}
.btn{
  display:inline-block;
  padding:14px 18px;
  font-weight:600;
  text-decoration:none;
  background: var(--brand);
  color:#0b0e20;
  border-radius: 12px;
  border: none;
  transition: transform .15s ease;
}
.btn:active{transform: translateY(1px)}

/* Footer */
.site-footer{border-top:1px solid var(--line); padding:24px 0; color: var(--text)}
.footer-inner{display:flex; justify-content:center; align-items:center}