/* Approved security section only. Existing landing sections remain unchanged. */
#security{padding-top:64px;padding-bottom:72px;border-top:1px solid #daded8}
#security *{box-sizing:border-box}
#security .security-head{max-width:760px;margin-bottom:32px}
#security .security-kicker{font-family:var(--sans);font-size:13px;color:#63705e}
#security h2{font-family:var(--serif);font-weight:500;font-size:clamp(28px,3.5vw,40px);line-height:1.4;margin:12px 0 16px;word-break:keep-all}
#security .security-head p{font-family:var(--sans);font-size:16px;line-height:1.85;color:#4a5552;margin:0;word-break:keep-all}
#security .bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#security .card{min-width:0;display:grid;grid-template-rows:280px auto;gap:22px;margin:0;padding:0;background:transparent;border:0}
#security .vis{background:#fff;border:1px solid #daded8;border-radius:16px;padding:48px 16px 18px;display:grid;align-content:center;position:relative;min-width:0}
#security .ex{position:absolute;top:13px;left:14px;font:11px/1.6 var(--sans);color:#63705e}
#security h3{font-family:var(--serif);font-size:20px;line-height:1.5;font-weight:500;min-height:60px;margin:0;word-break:keep-all}
#security .card p{font-family:var(--sans);font-size:14px;line-height:1.85;color:#4a5552;margin:8px 0 0;word-break:keep-all}
#security .vault{display:grid;gap:10px}
#security .vrow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:7px;align-items:center;padding:10px 12px;border:1px solid #daded8;border-radius:9px;font:13px/1.5 var(--sans)}
#security .pw{font-family:ui-monospace,monospace;color:#6b7572;letter-spacing:.08em}
#security .vnote{font:12px/1.7 var(--sans);color:#63705e}
#security .log{border:1px solid #daded8;border-radius:9px;overflow:hidden}
#security .r{display:grid;grid-template-columns:minmax(0,1fr) 110px 28px;align-items:center;gap:5px;padding:10px 8px;border-top:1px solid #daded8;font:12px/1.55 var(--sans)}
#security .r.h{border-top:0;background:#f3f4f1;color:#63705e;font-size:11px}
#security .t{font:11px/1.5 ui-monospace,monospace;white-space:nowrap;color:#4a5552}
#security .sw i{width:26px;height:15px;border-radius:20px;background:#daded8;display:block;position:relative}
#security .sw i:after{content:'';position:absolute;width:11px;height:11px;border-radius:50%;background:#fff;top:2px;left:2px}
#security .sw.on i{background:#3d5a38}#security .sw.on i:after{left:13px}
#security .state-label{font-size:9px;display:block;line-height:1.3;text-align:center;margin-top:3px;color:#63705e}
#security .perm{list-style:none;margin:0;padding:0;display:grid;gap:6px}
#security .perm li{display:flex;justify-content:space-between;align-items:center;gap:8px;border:1px solid #daded8;border-radius:8px;padding:8px 10px;font:12px/1.6 var(--sans)}
#security .perm b{font-weight:500}#security .perm span{color:#63705e;font-size:11px}
#security .perm .yes{border-color:#99ad8d}
#security .security-example-note{margin:26px 0 0;color:#63705e;font:12px/1.8 var(--sans)}
@media(max-width:900px){#security .bento{grid-template-columns:1fr;gap:32px}#security .card{grid-template-rows:auto auto;gap:16px}#security .vis{min-height:280px}#security h3{min-height:0}#security .r{grid-template-columns:minmax(0,1fr) 114px 28px}#security{padding-top:40px;padding-bottom:48px}}

#security .card{grid-template-rows:304px auto}#security .vis{min-height:304px}
#security .cx{background:#fff;border:1px solid #daded8;border-radius:12px;padding:12px;display:grid;gap:7px;min-width:0}
#security .cx-h{display:flex;align-items:center;gap:8px;font:13px/1.6 var(--sans)}#security .cx-h b{font-weight:500}
#security .xlogo{width:22px;height:22px;flex:none;border-radius:6px;background:#000;display:grid;place-items:center}
#security .cx-f{display:flex;justify-content:space-between;align-items:center;gap:8px;border:1px solid #daded8;border-radius:8px;padding:6px 10px;font:12px/1.6 var(--sans)}#security .cx-f small{color:#63705e;font-size:11px}#security .cx-f span{font:12px/1.6 ui-monospace,monospace;color:#4a5552}
#security .pw3{display:flex;align-items:center;justify-content:space-between;border:1.5px solid #c9cec7;border-radius:12px;padding:6px 6px 6px 14px;background:#fff}#security .pw3>span{font-size:20px;letter-spacing:.32em;color:#90998e;line-height:1}#security .pw3 i{width:34px;height:34px;flex:none;border-radius:9px;background:#9aa39c;display:grid;place-items:center}
#security .cx .cx-n{margin:0;font:11px/1.65 var(--sans);color:#3d5a38;display:flex;align-items:center;gap:5px}#security .cx-n svg{flex:none}
#security .cx-b{text-align:center;background:#3d5a38;color:#fff;border-radius:8px;padding:6px 0;font:12px/1.6 var(--sans)}
#security .r2{display:grid;grid-template-columns:22px minmax(0,1fr) 28px;gap:10px;align-items:center;padding:8px 10px;border-top:1px solid #daded8}#security .r2:first-child{border-top:0}
#security .r2>img{width:22px;height:22px;border-radius:6px;object-fit:cover;box-shadow:0 0 0 1px #daded8}
#security .hn2{display:grid;min-width:0}#security .hn2 b{font:13px/1.5 ui-monospace,monospace;white-space:nowrap;color:#16201e}#security .hn2 em{font:11px/1.6 ui-monospace,monospace;color:#63705e;white-space:nowrap}
#faq .next-access-note{border-left:3px solid #a88445;padding-left:12px}