/* AERILIS SIMULATION — unified Legal / Privacy design, V1.
   Matches the main site logo, Segoe UI Variable typography and #5BFD3D green. */
:root {
  color-scheme:dark;
  --bg:#050706;
  --silver:#EDF2ED;
  --muted:#A6B3A9;
  --green:#5BFD3D;
  --border:rgba(218,234,219,.11);
}
*,*::before,*::after {box-sizing:border-box}
html {scroll-behavior:smooth}
body {
  margin:0;
  background:var(--bg);
  color:var(--silver);
  font-family:"Segoe UI Variable","Aptos","Segoe UI",-apple-system,BlinkMacSystemFont,Arial,sans-serif;
  font-size:16px;
  font-weight:400;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
a {color:inherit;text-decoration:none}
a:focus-visible {outline:2px solid var(--green);outline-offset:5px}
::selection {background:var(--green);color:var(--bg)}
.legal-header {
  background:rgba(4,7,6,.98);
  border-bottom:1px solid rgba(227,241,227,.075);
}
.legal-header-inner {
  max-width:1440px;
  min-height:100px;
  margin:0 auto;
  padding:18px clamp(24px,4vw,88px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.legal-header .brand {
  display:block;
  width:clamp(205px,19vw,280px);
  flex:0 0 auto;
  min-width:0;
}
.legal-header .brand img {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1465 / 266;
  object-fit:contain;
  object-position:center;
  filter:none!important;
  mix-blend-mode:normal;
}
.legal-nav {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:clamp(14px,2.2vw,32px);
  font-family:"Segoe UI Variable","Segoe UI",sans-serif;
  font-size:11px;
  font-weight:600;
  letter-spacing:.135em;
  line-height:1.45;
  color:#AEBBB0;
}
.legal-nav a {padding:10px 0;white-space:nowrap}
.legal-nav a:hover,.legal-nav a[aria-current] {color:var(--green)}
.legal-content {
  max-width:1240px;
  margin:0 auto;
  padding:clamp(62px,7vw,102px) clamp(24px,5vw,80px) clamp(70px,7vw,104px);
}
.kicker {
  margin:0 0 clamp(22px,2.7vw,33px);
  color:var(--green);
  font-family:"Segoe UI Variable","Segoe UI",sans-serif;
  font-size:10px;
  font-weight:650;
  letter-spacing:.175em;
  line-height:1.5;
}
h1 {
  margin:0 0 clamp(20px,2.5vw,30px);
  color:var(--silver);
  font-family:"Segoe UI Variable Display","Aptos Display","Segoe UI",Arial,sans-serif;
  font-size:clamp(46px,6vw,82px);
  font-weight:350;
  letter-spacing:-.055em;
  line-height:1.075;
}
h1 span {
  color:#C4D0C4;
  background:linear-gradient(115deg,#EFF3ED 0%,#C4D0C4 50%,#8E9D91 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.lead {
  max-width:800px;
  margin:0 0 clamp(42px,5vw,67px);
  color:var(--muted);
  font-size:clamp(16px,1.4vw,19px);
  font-weight:400;
  line-height:1.8;
}
.legal-block {
  max-width:850px;
  padding:clamp(27px,3vw,38px) 0;
  border-top:1px solid var(--border);
}
.legal-block h2 {
  margin:0 0 16px;
  color:#DCE6DB;
  font-family:"Segoe UI Variable","Segoe UI",sans-serif;
  font-size:12px;
  font-weight:650;
  line-height:1.45;
  letter-spacing:.11em;
}
.legal-block p {
  max-width:810px;
  margin:0 0 13px;
  color:#A6B3A9;
  font-size:15px;
  line-height:1.85;
}
.legal-block p:last-child {margin-bottom:0}
.legal-block strong {color:#E3ECE3;font-weight:600}
.legal-block a {
  color:#CBDFC9;
  text-decoration:underline;
  text-decoration-color:rgba(91,253,61,.48);
  text-underline-offset:4px;
}
.legal-block a:hover {color:var(--green);text-decoration-color:var(--green)}
.legal-footer {
  max-width:1240px;
  margin:0 auto;
  padding:26px clamp(24px,5vw,80px) 46px;
  border-top:1px solid var(--border);
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:14px 24px;
  color:#839486;
  font-size:10px;
  font-weight:550;
  line-height:1.5;
  letter-spacing:.09em;
}
.legal-footer a:hover {color:var(--green)}
@media(max-width:900px) {
  .legal-header-inner {flex-wrap:wrap;align-items:flex-start;gap:10px}
  .legal-nav {justify-content:flex-start;gap:12px 24px}
}
@media(max-width:620px) {
  .legal-header-inner {padding:18px 22px;gap:10px;min-height:0}
  .legal-header .brand {width:min(220px,80vw)}
  .legal-nav {width:100%;gap:8px 18px;font-size:10px}
  .legal-content {padding:62px 22px 68px}
  .kicker {margin-bottom:20px}
  h1 {font-size:clamp(40px,10vw,58px)}
  .lead {font-size:15px;margin-bottom:36px}
  .legal-block {padding:25px 0}
  .legal-block p {font-size:14px;line-height:1.8}
  .legal-footer {padding:24px 22px 36px;font-size:9px}
}
@media(prefers-reduced-motion:reduce) {html {scroll-behavior:auto}}