:root {
  --navy:#071a31;
  --navy2:#0e385d;
  --cyan:#48d8e8;
  --lime:#c9f477;
  --paper:#f3f6fb;
  --ink:#0c1930;
  --muted:#65738b;
  --line:#dce4ef;
  --shadow:0 24px 70px rgba(7,26,49,.13);
}

*{box-sizing:border-box}

body{
  margin:0;
  color:var(--ink);
  background:
    radial-gradient(circle at 10% 6%,rgba(72,216,232,.13),transparent 31rem),
    radial-gradient(circle at 92% 12%,rgba(34,118,255,.13),transparent 30rem),
    var(--paper);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

a{color:#175fae;text-underline-offset:3px}
a:hover{color:#0d437d}
a:focus-visible{outline:3px solid var(--lime);outline-offset:3px}

.site-shell{width:min(100% - 48px,900px);margin:0 auto}

.site-header{
  color:#fff;
  background:linear-gradient(125deg,var(--navy),var(--navy2));
  border-radius:0 0 34px 34px;
}

.site-header nav{height:72px;display:flex;align-items:center}
.brand{display:inline-flex;align-items:center;gap:11px;color:#fff;font-weight:900;letter-spacing:-.03em;text-decoration:none}
.brand-mark{
  width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:var(--navy);
  background:linear-gradient(145deg,var(--lime),var(--cyan));
}

main{padding:42px 0 70px}
.back-link{display:inline-flex;margin-bottom:20px;font-size:14px;font-weight:800}

.policy-card{
  padding:clamp(26px,5vw,54px);
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  box-shadow:var(--shadow);
}

.policy-heading{padding-bottom:26px;border-bottom:1px solid var(--line)}
.eyebrow{margin:0 0 10px;color:#397084;font-size:12px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
h1{max-width:760px;margin:0;color:var(--ink);font-size:clamp(34px,6vw,52px);line-height:1.08;letter-spacing:-.045em}
.updated{margin:14px 0 0;color:var(--muted);font-size:14px;font-weight:700}

.policy-body{font-size:16px;line-height:1.75}
.policy-body h2{margin:36px 0 10px;font-size:23px;line-height:1.3;letter-spacing:-.025em}
.policy-body p{margin:0 0 16px}
.policy-body ul,.policy-body ol{margin:0 0 20px;padding-left:24px}
.policy-body li{padding-left:4px;margin:7px 0}

.site-footer{padding:28px 0;background:#07182d;color:#a9bfd8;font-size:12px}
.footer-row{display:flex;justify-content:space-between;align-items:center;gap:18px}
.footer-links{display:flex;flex-wrap:wrap;gap:16px}
.site-footer a{color:#dceaff}

@media(max-width:600px){
  .site-shell{width:min(100% - 32px,900px)}
  main{padding:30px 0 52px}
  .policy-card{border-radius:20px}
  .policy-body{font-size:15px;line-height:1.7}
  .policy-body h2{font-size:21px}
  .footer-row{align-items:flex-start;flex-direction:column}
}