.security-page { padding-top: 34px; padding-bottom: 84px; }
.security-hero { min-height: 430px; display: flex; flex-direction: column; justify-content: flex-end; border: 1px solid var(--border); border-radius: 26px; background: #15171a; padding: clamp(34px, 7vw, 86px); color: #fff; }
.security-hero .eyebrow { color: #aeb4bd; }
.security-hero h1 { max-width: 1000px; margin: 18px 0 22px; font-size: clamp(44px, 6.4vw, 86px); line-height: .95; letter-spacing: -.065em; }
.security-hero p { max-width: 720px; margin: 0; color: #c2c6cd; font-size: 18px; line-height: 1.65; }
.security-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
.security-grid article { min-height: 270px; border: 1px solid var(--border); border-radius: 20px; background: #fff; padding: clamp(26px, 4vw, 48px); }
.security-grid article > span { color: var(--quiet); font-size: 12px; font-weight: 800; letter-spacing: .08em; }
.security-grid h2 { margin: 34px 0 13px; font-size: clamp(24px, 2.7vw, 36px); letter-spacing: -.04em; }
.security-grid p, .security-bottom p { margin: 0; color: var(--muted); line-height: 1.7; }
.security-bottom { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr); gap: 40px; align-items: end; margin-top: 12px; border: 1px solid var(--border); border-radius: 22px; background: #fff; padding: clamp(30px, 5vw, 58px); }
.security-bottom h2 { margin: 13px 0 0; font-size: clamp(30px, 4vw, 50px); line-height: 1.02; letter-spacing: -.05em; }
@media (max-width: 760px) { .security-page { padding-top: 16px; } .security-hero { min-height: 380px; border-radius: 20px; padding: 30px 22px; } .security-hero h1 { font-size: 43px; } .security-grid, .security-bottom { grid-template-columns: 1fr; } .security-grid article { min-height: 230px; } }