/* Shared styles for secondary pages (support, privacy, terms) — matches the landing site */
:root{
  --bg:#070506; --ink:#f0ece8; --ink-soft:rgba(240,236,232,0.62);
  --ink-faint:rgba(240,236,232,0.42); --red:#b91c1c; --cream:#f6f3f0;
  --line:rgba(240,236,232,0.12);
}
*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; background:var(--bg); }
body{ color:var(--ink); font-family:'Inter',sans-serif; -webkit-font-smoothing:antialiased; line-height:1.6; }
::selection{ background:var(--red); color:#fff; }
a{ color:inherit; }
.lbl{ font:500 11px/1 'Inter',sans-serif; letter-spacing:0.24em; text-transform:uppercase; color:var(--ink-faint); }

/* nav */
.site-nav{ display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:clamp(22px,3vw,38px) clamp(24px,6vw,80px); border-bottom:1px solid var(--line); }
.site-nav .brand{ display:flex; align-items:center; gap:9px; text-decoration:none; }
.site-nav .brand span{ font:600 16px/1 'Inter',sans-serif; letter-spacing:-0.01em; color:var(--ink); }
.site-nav .back{ text-decoration:none; transition:color .18s ease; }
.site-nav .back:hover{ color:var(--ink); }

/* content column */
.wrap{ max-width:760px; margin:0 auto;
  padding:clamp(44px,7vw,96px) clamp(24px,6vw,40px) clamp(56px,9vw,120px); }
.doc-title{ font-family:'Playfair Display',serif; font-weight:400; font-size:clamp(40px,7vw,88px);
  line-height:0.94; letter-spacing:-0.02em; color:var(--cream); margin:16px 0 0; }
.doc-title em{ font-style:italic; color:var(--red); }
.doc-meta{ margin-top:20px; color:var(--ink-faint); font-size:13px; letter-spacing:0.03em; }
.doc-lead{ font-family:'Playfair Display',serif; font-size:clamp(18px,2.2vw,25px); font-style:italic;
  line-height:1.5; color:var(--ink); margin:26px 0 0; }

.doc h2{ font-family:'Playfair Display',serif; font-weight:500; font-size:clamp(21px,2.7vw,32px);
  line-height:1.15; color:var(--cream); letter-spacing:-0.01em; margin:clamp(38px,5.5vw,60px) 0 0; }
.doc h2 .n{ font-style:italic; color:var(--red); margin-right:14px; }
.doc h3{ font:600 15px/1.4 'Inter',sans-serif; color:var(--ink); margin:24px 0 0; }
.doc p{ color:var(--ink-soft); margin:14px 0 0; font-size:clamp(15px,1.5vw,16px); }
.doc ul{ margin:14px 0 0; padding-left:20px; color:var(--ink-soft); font-size:clamp(15px,1.5vw,16px); }
.doc li{ margin:7px 0; }
.doc strong{ color:var(--ink); font-weight:600; }
.doc a.mail{ color:var(--red); text-decoration:none; border-bottom:1px solid rgba(185,28,28,0.45); }
.doc a.mail:hover{ border-bottom-color:var(--red); }
.doc .fine{ color:var(--ink-faint); font-size:13px; margin-top:52px; padding-top:24px; border-top:1px solid var(--line); }

/* support cards */
.cards{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(14px,2.4vw,22px); margin-top:30px; }
.card{ border:1px solid var(--line); border-radius:16px; padding:clamp(22px,3vw,30px); }
.card h3{ font-family:'Playfair Display',serif; font-weight:500; font-size:clamp(20px,2.4vw,27px); color:var(--cream); margin:0; }
.card p{ margin-top:10px; color:var(--ink-soft); font-size:15px; }
.card a.mail{ display:inline-block; margin-top:16px; color:var(--red); text-decoration:none; font-weight:500;
  border-bottom:1px solid rgba(185,28,28,0.45); }
.card a.mail:hover{ border-bottom-color:var(--red); }

/* footer */
.site-foot{ padding:30px clamp(24px,6vw,80px); display:flex; align-items:center; justify-content:space-between;
  gap:18px; flex-wrap:wrap; border-top:1px solid var(--line); }
.site-foot .brand{ display:flex; align-items:center; gap:8px; }
.site-foot .brand span{ font:500 12px/1 'Inter',sans-serif; color:var(--ink-soft); }
.foot-links{ display:flex; gap:clamp(16px,3vw,30px); flex-wrap:wrap; align-items:center; }
.foot-links a{ text-decoration:none; transition:color .18s ease; }
.foot-links a:hover{ color:var(--ink); }

@media (max-width:620px){
  .cards{ grid-template-columns:1fr; }
  .site-foot{ gap:14px; }
}