@font-face {
  font-family: "DM Sans";
  src: url("/assets/fonts/DMSans-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url("/assets/fonts/Manrope-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 600 800;
  font-display: swap;
}

* { box-sizing: border-box; }
body { margin: 0; color: #17332e; background: linear-gradient(180deg, #f5f3eb, #fff 360px); font-family: "DM Sans", sans-serif; }
a { color: #176b59; }
.legal-nav { position: sticky; top: 0; z-index: 5; display: flex; align-items: center; gap: 18px; min-height: 72px; padding: 0 max(5vw, 24px); border-bottom: 1px solid #dbe6e1; background: rgba(255,255,255,.92); backdrop-filter: blur(16px); }
.legal-nav img { display: block; width: 150px; }
.legal-nav > a:last-child { margin-left: auto; font-weight: 800; text-decoration: none; }
.legal-shell { width: min(860px, calc(100% - 40px)); margin: 0 auto; padding: 72px 0 92px; }
.legal-shell .eyebrow { display: block; margin-bottom: 14px; color: #176b59; font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.legal-shell h1 { max-width: 760px; margin: 0; color: #0d2d29; font: 800 clamp(44px, 7vw, 72px)/1 "Manrope", sans-serif; letter-spacing: -.05em; }
.legal-meta { margin: 19px 0 42px; color: #64766f; }
.legal-shell section { padding: 27px 0; border-top: 1px solid #dbe6e1; scroll-margin-top: 90px; }
.legal-shell h2 { margin: 0 0 12px; color: #123b35; font: 800 24px/1.2 "Manrope", sans-serif; }
.legal-shell p,.legal-shell li { color: #576a64; font-size: 16px; line-height: 1.72; }
.legal-shell ul { padding-left: 22px; }
.legal-links { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 35px; }
.legal-links a { padding: 10px 13px; border: 1px solid #dbe6e1; border-radius: 999px; background: #fff; font-weight: 800; text-decoration: none; }
.legal-footer { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; padding: 30px max(5vw, 24px); border-top: 1px solid #dbe6e1; color: #64766f; font-size: 13px; }
.legal-footer nav { display: flex; flex-wrap: wrap; gap: 15px; margin-left: auto; }
.legal-footer a { font-weight: 800; text-decoration: none; }
@media(max-width:600px){.legal-nav{min-height:64px;padding:0 18px}.legal-nav img{width:128px}.legal-shell{width:min(100% - 36px,860px);padding:52px 0 70px}.legal-shell h1{font-size:43px}.legal-footer nav{width:100%;margin-left:0}}