/* Sei Laut — legal document pages (Privacy · Terms · Imprint) */
:root{
  --black:#04070a; --ink:#060d0b; --white:#F4F1EA;
  --white-dim:rgba(244,241,234,.66); --white-faint:rgba(244,241,234,.4);
  --gold:#C9A24B; --gold-hi:#ECDDA6; --turq:#2FD3BD;
}
*{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; }
body{
  background:
    radial-gradient(120% 70% at 50% -10%, rgba(12,90,62,.28) 0%, transparent 55%),
    linear-gradient(180deg,#04070a 0%, #060d0b 60%, #04070a 100%);
  background-attachment:fixed;
  color:var(--white); font-family:'Manrope',system-ui,sans-serif; font-weight:400;
  -webkit-font-smoothing:antialiased; line-height:1.7; min-height:100vh;
}
::selection{ background:rgba(201,162,75,.3); }
a{ color:var(--gold); text-decoration:none; }
a:hover{ color:var(--gold-hi); }

.doc-bar{
  position:sticky; top:0; z-index:5; display:flex; align-items:center; justify-content:space-between;
  padding:20px clamp(22px,5vw,60px);
  background:linear-gradient(180deg, rgba(4,7,10,.9), rgba(4,7,10,.55) 70%, transparent);
  backdrop-filter:blur(6px);
}
.doc-bar img{ height:30px; width:auto; display:block; filter:drop-shadow(0 2px 14px rgba(0,0,0,.6)); }
.back-link{ font-size:13px; letter-spacing:.06em; color:var(--white-dim); display:inline-flex; align-items:center; gap:8px; }
.back-link:hover{ color:var(--gold); }

.doc{ max-width:760px; margin:0 auto; padding:clamp(40px,7vw,90px) clamp(24px,6vw,40px) 120px; }
.eyebrow{ font-size:12px; letter-spacing:.34em; text-transform:uppercase; color:var(--turq); font-weight:600; }
.doc h1{ font-family:'Cormorant Garamond',serif; font-weight:500; font-size:clamp(36px,6vw,62px);
  line-height:1.02; letter-spacing:-.01em; margin:14px 0 10px; }
.updated{ color:var(--white-faint); font-size:13px; letter-spacing:.04em; margin-bottom:14px; }
.lead{ color:var(--white-dim); font-size:17px; max-width:60ch; }

.note{ margin:26px 0 8px; padding:14px 18px; border-left:2px solid rgba(47,211,189,.5);
  background:rgba(47,211,189,.05); border-radius:2px; font-size:13.5px; color:var(--white-dim); }
.note strong{ color:var(--turq); }

.doc h2{ font-family:'Cormorant Garamond',serif; font-weight:500; font-size:clamp(24px,3.4vw,32px);
  margin:46px 0 14px; color:var(--white); }
.doc h2 .num{ color:var(--gold); font-style:italic; margin-right:.4em; }
.doc h3{ font-size:15px; letter-spacing:.04em; margin:24px 0 8px; color:var(--gold-hi); font-weight:600; }
.doc p{ color:var(--white-dim); margin:0 0 14px; max-width:64ch; }
.doc ul{ list-style:none; margin:0 0 16px; padding:0; max-width:64ch; }
.doc li{ color:var(--white-dim); position:relative; padding-left:22px; margin-bottom:9px; }
.doc li::before{ content:''; position:absolute; left:2px; top:11px; width:6px; height:6px; border-radius:50%;
  background:var(--gold); opacity:.7; }
.doc strong{ color:var(--white); font-weight:600; }
.contact-block{ margin:8px 0 16px; color:var(--white-dim); }
.contact-block .row{ display:flex; gap:14px; padding:7px 0; border-bottom:1px solid rgba(244,241,234,.08); }
.contact-block .k{ flex:0 0 200px; color:var(--white-faint); font-size:13px; letter-spacing:.04em;
  text-transform:uppercase; }
.contact-block .v{ color:var(--white); }
.fill{ color:var(--gold); border-bottom:1px dashed rgba(201,162,75,.5); }

.doc-foot{ text-align:center; padding:34px 20px 60px; color:var(--white-faint);
  font-size:12px; letter-spacing:.16em; text-transform:uppercase; }
.doc-foot a{ color:var(--white-dim); }
@media (max-width:600px){
  .contact-block .row{ flex-direction:column; gap:2px; }
  .contact-block .k{ flex:none; }
}