/* Privacy, Terms and Data deletion pages: same colours and font as the landing page. */
:root{--navy-d:#061A33;--navy:#0B2A4F;--blue:#1565C0;--blue-2:#1E88E5;--sky:#5CC1FF;--ground:#F4F8FC;--ink:#0B1B33;--muted:#3E5068;--muted-2:#5A6B82;--line:#DCE6F2;--pale:#E3F1FD}
*{box-sizing:border-box}
body{margin:0;font-family:'Plus Jakarta Sans',system-ui,sans-serif;background:var(--ground);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.7}
a{color:var(--blue)}
.wrap{max-width:820px;margin:0 auto;padding:0 24px}
.top{background:var(--navy-d)}
.top .wrap{height:76px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand-tile{width:40px;height:40px;border-radius:11px;background:#fff;display:flex;align-items:center;justify-content:center}
.brand-tile img{width:30px}
.brand-name{font-size:24px;font-weight:800;letter-spacing:-.02em;color:#fff}
.brand-name span{color:var(--sky)}
.top .back{color:#C3D6EC;text-decoration:none;font-weight:600;font-size:15px}
.top .back:hover{color:#fff}
main.wrap{background:#fff;border-radius:22px;margin:40px auto;padding:44px 48px;box-shadow:0 10px 30px rgba(11,42,79,.06)}
h1{margin:0 0 6px;font-size:40px;line-height:1.15;font-weight:800;letter-spacing:-.03em;color:var(--navy)}
.updated{color:var(--muted-2);font-size:15px;margin:0 0 28px}
h2{margin:36px 0 10px;font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--navy)}
h3{margin:22px 0 6px;font-size:17px;font-weight:700;color:var(--navy)}
p,li{font-size:16px;color:var(--muted)}
ul{padding-left:22px}
li{margin:6px 0}
strong{color:var(--ink)}
.summary{background:var(--pale);border-radius:16px;padding:18px 22px;margin:0 0 8px}
.summary p{margin:0;color:var(--navy)}
.box{border:1px solid var(--line);border-radius:16px;padding:18px 22px;margin:16px 0}
.steps{counter-reset:s;list-style:none;padding:0}
.steps li{counter-increment:s;position:relative;padding-left:44px;margin:14px 0}
.steps li::before{content:counter(s);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center}
footer{padding:10px 0 50px;text-align:center;font-size:14px;color:var(--muted-2)}
footer a{color:var(--muted-2);margin:0 10px;font-weight:600;text-decoration:none}
footer a:hover{color:var(--blue)}
@media (max-width:640px){main.wrap{margin:20px 12px;padding:28px 22px;border-radius:18px}h1{font-size:30px}}
mark.fill{background:#FFF3C4;color:var(--ink);padding:0 4px;border-radius:4px}
