html{scroll-padding-top:16px}
.security-hero img{mask-image:radial-gradient(ellipse,#000 47%,transparent 81%)}
.lang-label{display:flex;align-items:center;gap:8px}
.lang-label select{margin:0;padding:5px 7px;min-width:96px}
.security-board,.security-stats,.security-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.security-board{grid-template-columns:repeat(2,minmax(0,1fr))}
.security-track{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0;margin:15px 0}
.security-track li,.security-stats div,.security-cards article,.architecture-card{min-width:0;border:1px solid var(--line);padding:12px;background:#090e16;overflow-wrap:anywhere}
.security-track li{position:relative;overflow:hidden;transition:background .3s,border-color .3s}
.security-track b,.security-track span{display:block}
.security-track b,.security-cards h3,.architecture-card summary{color:var(--gold)}
.security-track span{font-size:.82rem}
.security-track[data-phase="checking"] li:nth-child(2)::after{content:"";position:absolute;inset:auto auto 0 0;width:42%;height:2px;background:var(--gold);animation:sec-scan .35s ease-in-out infinite alternate}
.security-track[data-phase="held"] li:nth-child(2),.security-track[data-phase="blocked"] li:nth-child(2){background:#321f25;border-color:#f2a994}
.security-track[data-phase="allowed"] li{background:#142925;border-color:#88d6b1}
@keyframes sec-scan{to{transform:translateX(138%)}}
.security-stats dt{font-size:.76rem;color:var(--muted)}
.security-stats dd{margin:4px 0 0;font-size:clamp(1rem,2.4vw,1.5rem);font-weight:700}
.security-cards h3{font-size:1rem;margin:0 0 6px}
.security-cards p{font-size:.86rem;margin:0}
.architecture-card{margin:10px 0}
.architecture-card summary{cursor:pointer;font-weight:700}
.architecture-card p{margin:8px 0 0}
.security-steps{padding-inline-start:24px;color:var(--muted)}
.reserve-bars{display:grid;gap:8px;margin:16px 0}
.reserve-bars>div{display:grid;grid-template-columns:3.2rem 1fr;align-items:center;gap:6px}
.reserve-bars>div>div{height:9px;background:#090e16}
.reserve-bars i{display:block;height:100%;background:var(--gold);width:var(--fill,0%);transition:width .5s}
@media(max-width:700px){.security-cards{grid-template-columns:1fr}.security-hero img{mask-image:linear-gradient(90deg,transparent,#000 65%)}}
@media(max-width:480px){.security-board{grid-template-columns:1fr}.security-track li,.security-stats div{padding:8px 6px}.security-track span,.security-stats dt{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.security-track li,.reserve-bars i{transition:none}.security-track[data-phase="checking"] li:nth-child(2)::after{animation:none}}
