.security-section{--security-text:#f2f2f4;--security-muted:#d7d7dc;--security-border:#303036;--security-green:#72c6a4;--security-red:#f07878;color:var(--security-text)}
.security-sprite{position:absolute;overflow:hidden;pointer-events:none}
.security-section .section-number{color:var(--security-muted)}
.security-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:55px;align-items:end;margin-bottom:34px}
.security-heading h2{font-size:clamp(30px,3.1vw,41px);font-weight:650;letter-spacing:-1.35px;line-height:1.18;margin:19px 0 0;color:var(--security-text)}
.security-heading>p{font-size:13px;line-height:1.85;color:var(--security-muted);max-width:390px;margin:0 0 3px auto}
.security-main{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.security-card{border:1px solid var(--security-border);border-radius:17px;background:#111114;min-width:0}
.security-principles{display:grid;align-content:space-between;gap:25px;padding:32px}
.security-principle{display:grid;grid-template-columns:37px minmax(0,1fr);gap:16px;align-items:start}
.security-icon{width:36px;height:36px;border:1px solid #3b3b42;background:#25252b;border-radius:8px;display:grid;place-items:center;flex-shrink:0;color:var(--security-text)}
.security-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.security-principle h3{font-size:14px;line-height:1.45;font-weight:600;margin:1px 0 7px;letter-spacing:-.15px;color:var(--security-text)}
.security-principle p{font-size:12px;line-height:1.85;color:var(--security-muted);margin:0}
.security-principle code{font-family:monospace;font-size:11px;color:var(--security-text)}
.security-access{padding:31px;display:flex;flex-direction:column}
.security-panel-label{font:9px monospace;letter-spacing:1.55px;color:var(--security-muted)}
.security-cookie-demo{border:1px solid var(--security-border);border-radius:10px;background:#0c0c0f;padding:16px 18px;margin-top:13px}
.security-cookie-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font:8px monospace;letter-spacing:1.3px;color:var(--security-muted)}
.security-cookie-badge{font-size:8px;letter-spacing:.3px;border:1px solid #414148;padding:4px 7px;border-radius:20px;color:var(--security-text);white-space:nowrap}
.security-cookie-value{display:flex;gap:12px;align-items:center;margin-top:14px;color:var(--security-muted)}
.security-cookie-value svg{width:17px;height:17px;flex-shrink:0;stroke:var(--security-text);stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
.security-cookie-value>span{font:12px monospace;letter-spacing:4px;overflow:hidden;white-space:nowrap}
.security-demo-caption{font-size:9px;line-height:1.5;color:var(--security-muted);margin:8px 0 25px}
.security-scope-heading{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.security-access-list{list-style:none;padding:0;margin:0;border:1px solid var(--security-border);border-radius:10px;overflow:hidden;flex:0 0 auto}
.security-access-list li{display:flex;align-items:center;gap:12px;min-height:58px;padding:12px 15px;border-top:1px solid #29292f;font-size:11px;line-height:1.6}
.security-access-list li:first-child{border-top:0}
.security-access-list li>span:first-child{font-size:15px;flex-shrink:0;width:13px}
.security-access-list code{font:10px/1.7 monospace;overflow-wrap:anywhere;min-width:0}
.security-access-list li>s{min-width:0;text-decoration-line:line-through;text-decoration-thickness:1px}
.security-access-list li>small{font:8px monospace;letter-spacing:.7px;margin-left:auto;text-align:right;white-space:nowrap}
.security-access-list .security-planned{background:#14211c66;color:var(--security-green)}
.security-access-list .security-denied{background:#21141633;color:var(--security-red)}
.security-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--security-border);border-radius:14px;background:#111114;margin-top:17px;overflow:hidden}
.security-details article{padding:26px 28px;border-left:1px solid var(--security-border);min-width:0}
.security-details article:first-child{border-left:0}
.security-detail-top{display:flex;align-items:center;justify-content:space-between;gap:15px}
.security-detail-top>span:last-child{font:8px monospace;letter-spacing:1.6px;color:var(--security-muted)}
.security-details h3{font-size:15px;line-height:1.4;font-weight:600;margin:19px 0 8px;letter-spacing:-.25px;color:var(--security-text)}
.security-details p{font-size:12px;line-height:1.85;color:var(--security-muted);margin:0}
.security-section .security-privacy{margin-top:24px;font-size:11px;color:var(--security-text)}
.security-roadmap{padding:16px 20px;border:1px solid #2f4c40;border-radius:11px;background:#14211c70;margin:-10px 0 18px}
.security-roadmap>span{font:9px monospace;letter-spacing:1.1px;color:var(--security-text)}
.security-roadmap p{font-size:11px;line-height:1.8;color:var(--security-muted);margin:8px 0 0;max-width:860px}
.security-roadmap code{font-size:10px;color:var(--security-text)}
@media(max-width:1000px){.security-heading{gap:30px}.security-principles{padding:26px;gap:23px}.security-access{padding:26px}.security-principle{gap:13px}.security-details article{padding:24px}.security-cookie-heading{flex-wrap:wrap}.security-access-list li{padding-inline:13px;gap:9px}.security-access-list code{font-size:9px}.security-access-list li>small{font-size:7px}}
@media(max-width:800px){.security-heading{grid-template-columns:1fr;gap:20px}.security-heading>p{max-width:460px;margin:0}.security-main{grid-template-columns:1fr}.security-principles{gap:26px}.security-access{padding:28px}.security-cookie-heading{flex-wrap:nowrap}.security-cookie-demo{max-width:none}.security-access-list code{font-size:11px}.security-access-list li>small{font-size:8px}.security-details article{padding:23px 20px}.security-details h3{font-size:14px}.security-details p{font-size:11px}}
@media(max-width:640px){.security-heading h2{font-size:32px;letter-spacing:-1.1px}.security-heading>p{font-size:12px}.security-main{gap:14px}.security-card{border-radius:13px}.security-principles{padding:25px 22px;gap:26px}.security-principle{grid-template-columns:33px minmax(0,1fr);gap:13px}.security-icon{width:33px;height:33px;border-radius:7px}.security-icon svg{width:18px;height:18px}.security-principle h3{font-size:13px}.security-principle p{font-size:11px}.security-access{padding:25px 22px}.security-details{grid-template-columns:1fr;border-radius:12px;margin-top:14px}.security-details article{border-left:0;border-top:1px solid var(--security-border);padding:23px}.security-details article:first-child{border-top:0}.security-details h3{font-size:16px;margin-top:17px}.security-details p{font-size:12px;max-width:470px}.security-access-list li{gap:9px;padding-inline:12px}.security-access-list code{font-size:9px}.security-access-list li>small{font-size:7px}.security-cookie-heading{flex-wrap:wrap}.security-panel-label{font-size:8px}.security-cookie-value>span{letter-spacing:3px}.security-section .security-privacy{font-size:10px}}
