.privacy-hero { padding: 115px 0 92px; color: #fff; overflow: hidden; background: radial-gradient(circle at 82% 19%, rgba(42,135,232,.38), transparent 27%), linear-gradient(135deg, #061424 0%, #0b315d 61%, #0c5eae 100%); }.privacy-hero .breadcrumb { margin-bottom: 51px; }.privacy-hero-grid { display: grid; grid-template-columns: minmax(0,1fr) 240px; gap: 80px; align-items: end; }.privacy-hero p:not(.eyebrow) { max-width: 650px; margin: 24px 0 0; color: #d4e5f7; font-size: 17px; line-height: 1.8; }.privacy-hero-mark { width: 225px; height: 225px; position: relative; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.24); border-radius: 45px; color: rgba(255,255,255,.96); background: linear-gradient(145deg, rgba(255,255,255,.2), rgba(255,255,255,.04)); box-shadow: 0 30px 70px rgba(0,0,0,.24), inset 0 1px rgba(255,255,255,.35); transform: rotate(8deg); }.privacy-hero-mark::before, .privacy-hero-mark::after { content: ""; position: absolute; border-radius: inherit; }.privacy-hero-mark::before { inset: 17px; border: 1px solid rgba(240,200,90,.78); }.privacy-hero-mark::after { width: 64px; height: 64px; left: -27px; top: -23px; border-radius: 50%; background: var(--red-500); filter: blur(1px); }.privacy-hero-mark span { position: relative; z-index: 1; font-size: 62px; font-weight: 900; letter-spacing: -.08em; }.privacy-hero-mark i { position: absolute; z-index: 2; right: -17px; bottom: -13px; width: 55px; height: 55px; display: grid; place-items: center; border: 5px solid #0b315d; border-radius: 50%; color: #062a56; background: var(--gold-500); font-size: 25px; font-style: normal; font-weight: 900; }
.privacy-layout { display: grid; gap: 25px; }.privacy-card { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 31px; padding: 35px; border: 1px solid #d6e4f2; border-radius: var(--radius-md); background: linear-gradient(135deg, #f4f9fe, #fff); box-shadow: var(--shadow-sm); }.privacy-card-icon { width: 76px; height: 91px; position: relative; display: grid; place-items: end center; padding-bottom: 14px; border-radius: 12px; color: #fff; background: linear-gradient(145deg, var(--red-500), #bd152e); box-shadow: 0 13px 26px rgba(215,32,53,.23); font-size: 13px; font-weight: 900; letter-spacing: .06em; }.privacy-card-icon::before { content: ""; position: absolute; top: 0; right: 0; border-width: 13px; border-style: solid; border-color: #fff #fff rgba(255,255,255,.24) rgba(255,255,255,.24); border-radius: 0 10px 0 0; }.privacy-card-copy .eyebrow { margin-bottom: 10px; }.privacy-card-copy h2 { max-width: 570px; margin-bottom: 10px; font-size: 26px; line-height: 1.13; letter-spacing: -.035em; }.privacy-card-copy p { max-width: 650px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.75; }.privacy-card-actions { display: grid; gap: 9px; min-width: 190px; }.privacy-card-actions .button { min-height: 47px; font-size: 11px; }
.privacy-document { overflow: hidden; border: 1px solid #d7e2ed; border-radius: var(--radius-md); background: #fff; box-shadow: var(--shadow-sm); }.privacy-document-head { padding: 37px 41px 32px; display: flex; align-items: flex-start; justify-content: space-between; gap: 25px; border-bottom: 1px solid #dce7f1; background: linear-gradient(135deg,#f3f8fd,#fff); }.privacy-document-head .eyebrow { margin-bottom: 11px; }.privacy-document-head h2 { max-width: 790px; margin: 0; color: var(--navy-900); font-size: clamp(25px,2.5vw,34px); line-height: 1.15; letter-spacing: -.04em; }.privacy-document-head time { flex: 0 0 auto; padding: 9px 12px; border: 1px solid #cfe0f0; border-radius: 10px; color: #41627e; background: #fff; font-size: 12px; font-weight: 800; white-space: nowrap; }.privacy-document-body { max-width: 920px; padding: 47px 41px 52px; }.privacy-document-body section + section { margin-top: 37px; padding-top: 37px; border-top: 1px solid #e5edf4; }.privacy-document-body h3 { margin: 0 0 15px; color: var(--navy-900); font-size: 22px; line-height: 1.25; letter-spacing: -.025em; }.privacy-document-body p { margin: 0 0 15px; color: #40566d; font-size: 16px; line-height: 1.78; }.privacy-document-body p:last-child { margin-bottom: 0; }.privacy-document-body strong { color: var(--navy-900); }.privacy-document-body a { color: var(--blue-600); font-weight: 750; text-decoration: underline; text-decoration-color: rgba(18,103,196,.28); text-underline-offset: 3px; }.privacy-document-body ul { margin: 0 0 16px; padding-left: 23px; color: #40566d; }.privacy-document-body li { padding-left: 5px; font-size: 16px; line-height: 1.78; }.privacy-document-body li::marker { color: var(--red-600); }
@media (max-width: 900px) { .privacy-hero { padding: 92px 0 72px; }.privacy-hero-grid { grid-template-columns: 1fr 160px; gap: 28px; }.privacy-hero-mark { width: 155px; height: 155px; border-radius: 33px; }.privacy-hero-mark::before { inset: 11px; }.privacy-hero-mark span { font-size: 43px; }.privacy-hero-mark i { right: -14px; bottom: -12px; width: 45px; height: 45px; border-width: 4px; font-size: 19px; }.privacy-card { grid-template-columns: auto 1fr; }.privacy-card-actions { grid-column: 1/-1; grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 700px) { .privacy-document-head { align-items: flex-start; flex-direction: column; padding: 29px 25px 26px; }.privacy-document-body { padding: 32px 25px 38px; }.privacy-document-body section + section { margin-top: 28px; padding-top: 28px; }.privacy-document-body h3 { font-size: 20px; }.privacy-document-body p,.privacy-document-body li { font-size: 15px; } }
@media (max-width: 600px) { .privacy-hero { padding: 76px 0 60px; }.privacy-hero .breadcrumb { margin-bottom: 38px; }.privacy-hero-grid { grid-template-columns: 1fr; }.privacy-hero-mark { display: none; }.privacy-hero p:not(.eyebrow) { font-size: 14px; }.privacy-card { grid-template-columns: 1fr; gap: 21px; padding: 25px; }.privacy-card-icon { width: 64px; height: 76px; }.privacy-card-copy h2 { font-size: 23px; }.privacy-card-actions { grid-template-columns: 1fr; }.privacy-document-head time { font-size: 11px; }.privacy-document-body { padding: 29px 20px 34px; }.privacy-document-body h3 { font-size: 19px; }.privacy-document-body p,.privacy-document-body li { font-size: 14px; line-height: 1.7; } }