/* Policy pages (privacy / terms / refund).
   Structure follows micrubik.com's policy pages; colours, font and logo follow the LifeUnlocked landing page. */
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#FFFDF9;color:#251C1D;font-family:'Prompt',sans-serif;-webkit-font-smoothing:antialiased;font-size:clamp(17px, 16.26px + 0.19vw, 19px);line-height:1.75}
*{box-sizing:border-box}
a{color:#B51F2B;text-underline-offset:4px}
a:hover{color:#251C1D}
:focus-visible{outline:3px solid #B51F2B;outline-offset:3px}
.wrap{max-width:880px;margin:0 auto;padding:0 clamp(16px, 4.1px + 3.05vw, 48px)}

.top{border-bottom:1px solid rgba(37,28,29,0.14);background:#FFFDF9;padding-top:env(safe-area-inset-top)}
.top .wrap{height:72px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.top .logo{display:flex;align-items:center;text-decoration:none}
.top .logo svg{display:block;width:auto;height:clamp(30px, 20px + 2.5vw, 40px);overflow:visible}
.top .back{color:#251C1D;text-decoration:none;font-weight:500;font-size:clamp(15px, 14.6px + 0.1vw, 16px);white-space:nowrap}
.top .back:hover{color:#B51F2B}

main{padding:clamp(40px, 33px + 1.9vw, 64px) 0 clamp(48px, 39.1px + 2.29vw, 72px)}
.eyebrow{display:flex;align-items:center;gap:12px;color:#B51F2B;font-weight:600;font-size:clamp(14px, 13.6px + 0.1vw, 15px);letter-spacing:0.16em;text-transform:uppercase}
.eyebrow::before{content:"";width:28px;height:2px;background:#B51F2B;border-radius:2px}
h1{margin:12px 0 0;font-weight:700;font-size:clamp(34px, 25.8px + 2.1vw, 56px);line-height:1.2;letter-spacing:-0.012em;text-wrap:balance}
.updated{margin:12px 0 0;font-size:clamp(15px, 14.6px + 0.1vw, 16px);color:rgba(37,28,29,0.72)}
.intro{margin-top:clamp(24px, 21px + 0.76vw, 32px)}
.intro p{margin:0 0 12px}

section{margin-top:clamp(32px, 29px + 0.76vw, 40px);padding-top:clamp(32px, 29px + 0.76vw, 40px);border-top:1px solid rgba(37,28,29,0.14)}
h2{margin:0 0 16px;font-weight:700;font-size:clamp(22px, 20.5px + 0.38vw, 26px);line-height:1.35}
section p{margin:0 0 14px}
section p:last-child{margin-bottom:0}
ul.dash{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:12px}
ul.dash:last-child{margin-bottom:0}
ul.dash li{position:relative;padding-left:32px}
ul.dash li::before{content:"";position:absolute;left:0;top:0.86em;width:16px;height:2px;border-radius:2px;background:#B51F2B}
.label{font-weight:600}
.contact{margin-top:16px;background:#FBECEE;border-radius:20px;padding:clamp(20px, 18.5px + 0.38vw, 24px)}
.contact .name{font-weight:700}
.contact dl{margin:10px 0 0;display:grid;grid-template-columns:auto 1fr;gap:6px 16px}
.contact dt{color:rgba(37,28,29,0.72)}
.contact dd{margin:0;min-width:0;overflow-wrap:anywhere}
.ph{font-style:italic}

footer{border-top:1px solid rgba(37,28,29,0.14);padding:32px 0 calc(40px + env(safe-area-inset-bottom))}
footer .row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px}
footer .logo svg{display:block;width:auto;height:36px;overflow:visible}
footer .line{font-size:clamp(15px, 14.6px + 0.1vw, 16px)}
footer .links{margin-top:20px;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:clamp(15px, 14.6px + 0.1vw, 16px)}
footer .links a{color:rgba(37,28,29,0.8)}
footer .links a[aria-current="page"]{color:#B51F2B;font-weight:600}
footer .copy{margin:16px 0 0;font-size:14px;line-height:1.6;color:rgba(37,28,29,0.75)}
