:root { --blue: #2050ed; --blue-soft: #eaf0ff; --ink: #101525; --muted: #5f687b; --line: #dce3f0; --white: #fff; }
* { box-sizing: border-box; } html { scroll-behavior: smooth; } body { background: var(--white); color: var(--ink); font-family: "DM Sans", Arial, sans-serif; margin: 0; } a { color: inherit; text-decoration: none; }
.policy-header { align-items: center; display: flex; height: 82px; justify-content: space-between; margin: auto; max-width: 1120px; padding: 0 32px; } .policy-brand img { height: 58px; object-fit: contain; width: 58px; } .back-link { color: var(--blue); font-size: 12px; font-weight: 700; } .back-link span { margin-left: 12px; }
.policy-hero { background: linear-gradient(115deg, #eff3ff, #f8faff); margin: 0 auto; max-width: 1120px; padding: 88px max(32px, 9%); } .eyebrow { color: var(--blue); font-size: 10px; font-weight: 700; letter-spacing: .12em; margin: 0 0 22px; text-transform: uppercase; } h1 { font-size: clamp(52px, 8vw, 88px); letter-spacing: -.055em; line-height: .96; margin: 0; } h1 strong { color: var(--blue); } .policy-hero > p:not(.eyebrow):not(.updated) { color: var(--muted); font-size: 15px; line-height: 1.7; margin: 28px 0 0; max-width: 560px; } .updated { color: var(--blue); font-size: 11px; font-weight: 700; margin: 26px 0 0; }
.policy-content { margin: auto; max-width: 930px; padding: 72px 32px 100px; } .policy-content article { border-top: 1px solid var(--line); display: grid; gap: 34px; grid-template-columns: 42px 1fr; padding: 30px 0; } .policy-content article:last-child { border-bottom: 1px solid var(--line); } .number { color: var(--blue); font-size: 11px; font-weight: 700; padding-top: 5px; } h2 { font-size: 23px; letter-spacing: -.035em; margin: 0 0 12px; } .policy-content p { color: var(--muted); font-size: 14px; line-height: 1.75; margin: 0; max-width: 720px; }
.policy-footer { background: #0d0e12; color: var(--white); display: grid; gap: 18px; grid-template-columns: 1fr 2fr 1fr; padding: 38px max(32px, calc((100% - 1056px) / 2)); } .policy-footer img { height: 52px; object-fit: contain; width: auto; } .policy-footer p, .policy-footer small { color: #abb0bd; font-size: 11px; margin: 0; } .policy-footer small { align-self: end; text-align: right; }
@media (max-width: 700px) { .policy-header { height: 70px; padding: 0 20px; } .policy-brand img { height: 50px; width: 50px; } .back-link { font-size: 11px; } .policy-hero { padding: 62px 20px; } .policy-content { padding: 50px 20px 70px; } .policy-content article { gap: 18px; grid-template-columns: 30px 1fr; padding: 25px 0; } h2 { font-size: 20px; } .policy-content p { font-size: 13px; } .policy-footer { display: block; padding: 32px 20px; } .policy-footer img, .policy-footer p { display: block; margin-bottom: 22px; } .policy-footer small { display: block; text-align: left; } }