* { box-sizing: border-box; }
body { background: #fff; color: #071b61; margin: 0; font-family: var(--font-body); }
.privacy-hero { background: linear-gradient(112deg, #fff 0%, #fff 43%, #edf7ff 69%, #d7e9f8 100%); height: 535px; overflow: hidden; padding: 136px max(7vw, calc((100% - 1240px)/2)); position: relative; }
.privacy-hero-copy { max-width: 515px; position: relative; z-index: 2; }
.eyebrow { align-items: center; color: #64769e; display: flex; font-size: 12px; font-weight: 700; gap: 14px; letter-spacing: .18em; margin: 0 0 22px; text-transform: uppercase; }
.eyebrow span { background: #cba44b; display: block; height: 1px; width: 48px; }
.privacy-hero h1 { font: 500 clamp(42px, 4vw, 62px)/1.02 var(--font-display); letter-spacing: -.05em; margin: 0 0 22px; }
.lede { color: #42557d; font-size: 17px; line-height: 1.55; margin: 0; max-width: 500px; }
.updated { color: #65789f; font-size: 13px; margin-top: 30px; }
.privacy-landscape { inset: 0 0 0 42%; overflow: hidden; position: absolute; }
.privacy-landscape:after { background: linear-gradient(90deg, #fff 0, rgba(255,255,255,.88) 14%, transparent 43%), linear-gradient(0deg, rgba(255,255,255,.68), transparent 42%); content: ""; inset: 0; pointer-events: none; position: absolute; z-index: 4; }
.privacy-landscape > p { color: #6076a4; font: italic 22px/1.35 Georgia, serif; left: 38%; position: absolute; top: 242px; transform: rotate(-5deg); z-index: 6; }
.cloud { background: rgba(255,255,255,.72); border-radius: 50%; filter: blur(16px); height: 26px; position: absolute; transform: rotate(8deg); width: 180px; }.cloud-one { left: 28%; top: 96px; }.cloud-two { left: 57%; opacity: .55; top: 150px; width: 120px; }
.mountain { bottom: 40px; clip-path: polygon(0 100%, 19% 49%, 27% 58%, 42% 22%, 53% 50%, 65% 35%, 79% 68%, 88% 49%, 100% 100%); height: 240px; position: absolute; width: 76%; }
.mountain:after { background: linear-gradient(132deg, transparent 28%, rgba(255,255,255,.5) 29%, transparent 43%); content: ""; inset: 0; position: absolute; }
.mountain-one { background: linear-gradient(145deg, #e6f1ff, #a9ccef 55%, #e2f0fb); left: -10%; opacity: .72; }.mountain-two { background: linear-gradient(145deg, #d8eaff, #79aee2 56%, #c9e3f8); bottom: 18px; left: 27%; opacity: .86; transform: scale(.92); }.mountain-three { background: linear-gradient(145deg, #e8f4ff, #99c5ed); bottom: 12px; left: 58%; opacity: .55; transform: scale(.72); }
.glass-wall { background: linear-gradient(110deg, rgba(255,255,255,.15), rgba(185,220,247,.22)); border-left: 3px solid rgba(255,255,255,.95); box-shadow: -8px 0 20px rgba(71,122,171,.12); display: flex; inset: 64px 0 42px 69%; position: absolute; transform: skewY(-4deg); z-index: 5; }.glass-wall span { border-right: 1px solid rgba(79,126,169,.28); flex: 1; }
.glass-message { color: #7489ad; font-size: 11px; font-weight: 700; height: 100%; letter-spacing: .28em; line-height: 2.2; padding: 235px 0 0 30px; position: absolute; right: 3%; top: 0; width: 135px; z-index: 7; }.glass-message i { background: #d69e22; display: block; height: 2px; margin-top: 14px; transform: rotate(-9deg); width: 58px; }
.hero-floor { background: linear-gradient(171deg, rgba(255,255,255,.15), #fff 48%); bottom: -62px; height: 155px; left: 39%; position: absolute; transform: skewY(3deg); width: 75%; z-index: 8; }.hero-floor:after { background: linear-gradient(90deg, transparent, rgba(104,153,198,.25), transparent); content: ""; height: 2px; left: 10%; position: absolute; top: 25px; width: 85%; }
.privacy-content { margin: 0 auto; max-width: 1240px; padding: 66px 24px 70px; }
.principles { border-bottom: 1px solid #dce3ed; display: grid; gap: 64px 70px; grid-template-columns: repeat(3, 1fr); padding-bottom: 66px; }
.principles article { scroll-margin-top: 100px; }
.icon, .trust-lock { align-items: center; background: #edf5ff; border-radius: 50%; display: flex; height: 66px; justify-content: center; margin-bottom: 19px; width: 66px; }
.icon svg, .trust-lock svg { fill: none; height: 32px; stroke: #062483; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; width: 32px; }
.principles h2, .trust-card h2 { font: 600 21px/1.25 var(--font-display); letter-spacing: -.025em; margin: 0 0 10px; }
.principles p, .trust-card p { color: #50628a; font-size: 14px; line-height: 1.55; margin: 0; }
.principles a { color: #075cff; display: inline-block; font-size: 14px; margin-top: 16px; text-decoration: none; }.principles a span { font-size: 20px; margin-left: 6px; }
.trust-card { align-items: center; background: linear-gradient(100deg, #f4f9ff, #edf5ff); border-radius: 12px; display: grid; gap: 24px; grid-template-columns: 72px 1fr 360px; margin-top: 50px; padding: 28px 34px; }
.trust-lock { background: white; margin: 0; }.trust-card h2 { margin-bottom: 7px; }.contact { border-left: 1px solid #acbdd5; padding: 8px 0 8px 42px; }.contact strong { font-size: 14px; }.contact p { margin-top: 8px; }.contact a { color: #075cff; text-decoration: none; }
.lens-policy { border-bottom: 1px solid #dce3ed; display: grid; gap: 48px 70px; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); padding: 66px 0; scroll-margin-top: 100px; }
.lens-policy h2 { font: 600 30px/1.15 var(--font-display); letter-spacing: -.035em; margin: 0 0 14px; }
.lens-policy-intro p:not(.eyebrow) { color: #50628a; font-size: 15px; line-height: 1.6; margin: 0; }
.lens-policy-intro p a { color: #1d5bd8; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.lens-facts { display: grid; gap: 30px; margin: 0; }
.lens-facts dt { font: 600 17px/1.3 var(--font-display); letter-spacing: -.02em; margin-bottom: 8px; }
.lens-facts dd { color: #50628a; font-size: 14px; line-height: 1.6; margin: 0; }
.lens-facts ul { margin: 8px 0 0; padding-left: 20px; }.lens-facts li { margin-bottom: 4px; }
.lens-facts a { color: #075cff; text-decoration: none; }
@media (max-width: 800px) { .lens-policy { grid-template-columns: 1fr; padding: 52px 0; } }
@media (max-width: 800px) { .privacy-hero { height: auto; min-height: 540px; padding: 115px 24px 70px; }.privacy-landscape { inset: 44% 0 0 20%; opacity: .6; }.privacy-landscape > p,.glass-message,.glass-wall { display:none; }.hero-floor { left: 0; }.principles { gap: 46px 32px; grid-template-columns: repeat(2, 1fr); }.trust-card { grid-template-columns: 66px 1fr; }.contact { border-left: 0; border-top: 1px solid #acbdd5; grid-column: 1/-1; padding: 20px 0 0; } }
@media (max-width: 520px) { .privacy-hero h1 { font-size: 43px; }.lede { font-size: 15px; }.principles { grid-template-columns: 1fr; }.privacy-content { padding-top: 48px; }.trust-card { align-items: start; grid-template-columns: 1fr; padding: 26px 22px; }.contact { grid-column: auto; }.icon { height: 58px; width: 58px; } }