/* OneClip — legal page styles (Privacy / Terms). Matches the main site tokens. */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --navy:#1C2333;--navy-2:#141a28;--ink:#0F1420;
  --terra:#C1440E;--terra-d:#A83A0C;--gold:#E8A020;--amber:#D4820A;
  --teal:#1A7A6E;--sage:#7DB49A;--gray:#6B7280;--mist:#9CA3AF;
  --paper:#FBFAF8;--light:#F5F4F1;--line:#E7E5E0;
  --display:'Plus Jakarta Sans',sans-serif;
  --serif:'Fraunces',serif;
  --body:'Inter',sans-serif;
  --max:820px;
}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{font-family:var(--body);color:var(--navy);background:var(--paper)}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}

/* ---- Header ---- */
.lheader{position:sticky;top:0;z-index:50;height:80px;display:flex;align-items:center;justify-content:space-between;
  padding:0 40px;background:rgba(15,20,32,.82);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);
  border-bottom:1px solid rgba(255,255,255,.10)}
.lheader-logo img{width:120px;height:auto;display:block}
.lheader-back{display:inline-flex;align-items:center;gap:8px;font:600 14px/1 var(--body);color:rgba(255,255,255,.86);transition:color .2s}
.lheader-back:hover{color:var(--gold)}

/* ---- Hero band ---- */
.lhero{background:var(--navy);color:#fff;padding:70px 40px 64px;position:relative;overflow:hidden}
.lhero-glow{position:absolute;top:-40%;right:-6%;width:520px;height:520px;border-radius:50%;
  background:radial-gradient(circle,rgba(193,68,14,.18),transparent 66%);pointer-events:none}
.lhero-inner{max-width:var(--max);margin:0 auto;position:relative;z-index:1}
.lhero-eyebrow{display:inline-flex;align-items:center;gap:8px;font:700 11px/1 var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--terra);margin-bottom:18px}
.lhero-eyebrow::before{content:'';width:18px;height:2px;background:var(--terra)}
.lhero h1{font-family:var(--display);font-weight:800;font-size:clamp(34px,5vw,52px);line-height:1.08;letter-spacing:-.025em;padding-bottom:.04em}
.lhero-updated{font:500 14px/1 var(--body);color:rgba(255,255,255,.55);margin-top:16px}

/* ---- Body ---- */
.lwrap{max-width:var(--max);margin:0 auto;padding:64px 40px 90px}
.lintro{font:400 18px/1.7 var(--body);color:#4B5563;margin-bottom:14px}
.lintro strong{color:var(--navy);font-weight:600}
.lsection{padding-top:40px}
.lsection h2{font-family:var(--display);font-weight:700;font-size:22px;line-height:1.3;letter-spacing:-.01em;color:var(--navy);
  margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--line);display:flex;align-items:baseline;gap:12px}
.lsection h2 .n{font:700 14px/1 var(--body);color:var(--terra);flex-shrink:0}
.lsection p{font:400 16px/1.75 var(--body);color:#4B5563;margin-bottom:14px}
.lsection p:last-child{margin-bottom:0}
.lsection a{color:var(--terra);font-weight:600;border-bottom:1px solid transparent;transition:border-color .2s}
.lsection a:hover{border-bottom-color:var(--terra)}
.llist{list-style:none;margin:6px 0 14px;display:flex;flex-direction:column;gap:11px}
.llist li{position:relative;padding-left:24px;font:400 16px/1.65 var(--body);color:#4B5563}
.llist li::before{content:'';position:absolute;left:2px;top:11px;width:7px;height:7px;border-radius:50%;background:var(--terra)}

/* ---- Contact card ---- */
.lcard{margin-top:18px;padding:26px 28px;border-radius:14px;background:#fff;border:1px solid var(--line);border-left:3px solid var(--terra)}
.lcard .name{font:700 16px/1.4 var(--display);color:var(--navy)}
.lcard .row{font:400 15px/1.7 var(--body);color:var(--gray)}
.lcard .row a{color:var(--terra);font-weight:600}

/* ---- Footer ---- */
.lfooter{background:var(--ink);padding:44px 40px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px}
.lfooter-left{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.lfooter img{width:108px;height:auto;display:block}
.lfooter-copy{font:400 13px/1.5 var(--body);color:rgba(255,255,255,.34)}
.lfooter-links{display:flex;gap:22px}
.lfooter-link{font:500 13px/1 var(--body);color:rgba(255,255,255,.6);transition:color .2s}
.lfooter-link:hover{color:var(--gold)}
.lfooter-link.active{color:#fff}

@media(max-width:640px){
  .lheader{height:64px;padding:0 20px}.lheader-logo img{width:96px}
  .lhero{padding:48px 22px 44px}.lwrap{padding:44px 22px 64px}
  .lfooter{padding:34px 22px}
}