#security { background:#030806; border-top:0; }
#security .cb-data-care__background {
 position:absolute; inset:-70px 0; z-index:-1; pointer-events:none;
 background:linear-gradient(180deg,#030806 0%,rgba(3,8,6,.87) 26%,rgba(3,8,6,.66) 65%,#030806 100%),url('/cambrain/backgrounds/storage-das-readers-v2.png') center/cover no-repeat;
}
#security :is(h2,h3,p,button) {font-family:Pretendard,Inter,sans-serif!important;word-break:keep-all;}
#security h2 {font-weight:700!important;line-height:1.2!important;color:#f1f5f3;background:none!important;-webkit-text-fill-color:currentColor;}
#security h2 span {font-family:inherit!important;font-style:normal!important;color:#00d6a3;}
#security h3 {font-weight:600;color:#e2e8e5;}
#security p {color:#a7b3ad;line-height:1.65;}
#security > div.mx-auto > div:first-child > div:first-child > p {
 height:auto;padding:8px 10px;border:1px solid #195844;border-radius:4px;
 color:#00d6a3;font:400 12px/18px Inter,Pretendard,sans-serif!important;letter-spacing:.1em;
}
#security > div.mx-auto > div:first-child > div:first-child > p > span {display:none;}
@media(max-width:639px){#security h2{font-size:28px!important;}}
@media(prefers-reduced-motion:reduce){#security .cb-data-care__background{transform:none!important;}}
/* Original 8901 geometry and spring animation, with CamBrain surfaces. */
#security .cb-original-core{filter:none!important}
#security [data-security-layer]{filter:none!important}
#security [data-security-layer]>div>div[style*="background"]{background:linear-gradient(225deg,#23342c,#34483c 50%,#13231b)!important;box-shadow:inset 0 0 1px 1px #728b79,0 2px 2px #020b06!important}
#security [data-security-layer] div[class*="bg-[rgba"]{background:rgba(14,29,20,.65)!important;border-color:#4a6754!important}
#security [data-security-layer] .cb-original-art{overflow:visible;opacity:.55;transition:opacity .18s}
#security [data-security-layer][data-active="true"] .cb-original-art{opacity:1}
.cb-original-art .module{fill:#18362a;stroke:#78aa91;stroke-width:1.5;filter:drop-shadow(0 5px 0 #04130a)}
.cb-original-art .wire,.cb-original-art .flow-wire{fill:none;stroke:#64c99c;stroke-width:2}
.cb-original-art text{fill:#d0e7d8;font:10px ui-monospace,monospace}
.cb-original-art .muted{fill:#87a58e;font-size:8px}
.cb-original-art .status-dot,.cb-original-art .data-block{fill:#00d6a3}
.cb-original-art .seal{fill:#00d6a3;stroke:#9cffcf;stroke-width:2}
.cb-original-art .check{fill:none;stroke:#073422;stroke-width:3}
.cb-original-art .scanner{stroke:#b0ffcf;stroke-width:2}
.cb-original-art .paper-back{fill:#20422e;stroke:#729c80}
.cb-original-art .report-line{stroke:#94c4a6;stroke-width:3}
#security [data-security-point]{cursor:pointer}
#security [data-security-point][data-active="true"] p:first-child{color:#00d6a3!important}
#security [data-security-connector][data-active="true"]{filter:sepia(1) saturate(4) hue-rotate(95deg)!important}
#security [data-security-connector-dot][data-active="true"]{background:#00d6a3!important;box-shadow:0 0 10px #00d6a3!important}
#security :is([data-security-point],[data-security-layer]):focus-visible{outline:1px solid #00d6a3;outline-offset:5px}
/* Reserve the original ±80px expansion space above and below on stacked layouts. */
@media(max-width:1023px){#security .cb-original-core{margin-top:80px;margin-bottom:80px}}
.cb-data-care-transplant{display:block;width:100%;text-align:left}

/* Scroll-drawn callout paths share the workflow trace's green leading light. */
#security [data-security-connector],#security [data-security-connector-dot]{display:none!important}
#security .cb-care-connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:10}
.cb-care-connections path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.cb-care-line-base{stroke:#37624f;stroke-width:1.2}
.cb-care-line-fill{stroke:#00d6a3;stroke-width:1.6;stroke-dasharray:1;stroke-dashoffset:1}
.cb-care-line-head{stroke:#99ffce;stroke-width:3;stroke-dasharray:.13 1;stroke-dashoffset:1;filter:drop-shadow(0 0 4px #00d6a3)}
.cb-care-number rect{fill:#183d30;stroke:#49866b;stroke-width:1}
.cb-care-number text{fill:#99cbb5;font:400 17px "Space Mono",ui-monospace,monospace}
.cb-care-number[data-reached="true"] rect{fill:#00d6a3;stroke:#00d6a3}
.cb-care-number[data-reached="true"] text{fill:#03291b}
.cb-care-connections [data-active="true"] .cb-care-line-fill{stroke:#6affbf;stroke-width:2;filter:drop-shadow(0 0 4px #00d6a3)}
.cb-care-connections [data-active="true"] .cb-care-number rect{fill:#51edb6;stroke:#8dffd0;filter:drop-shadow(0 0 4px #00d6a360)}
@media(max-width:1023px){#security .cb-care-connections{display:none}}
@media(prefers-reduced-motion:reduce){.cb-care-line-head{display:none}.cb-care-line-fill{stroke-dashoffset:0!important}}

.cb-care-endpoint{fill:#75f3bd;stroke:#0b3d2b;stroke-width:1}
.cb-care-connections [data-active="true"] .cb-care-endpoint{fill:#c2ffdf;filter:drop-shadow(0 0 5px #00d6a3)}
/* Callout titles read as illuminated controls; descriptions match report titles. */
#security [data-security-point]{max-width:320px;gap:20px}
#security [data-security-point]>p:first-child{align-self:flex-start;display:inline-flex;gap:10px;padding:11px 14px;border:1px solid #1b7253;border-radius:5px;background:#051b13d9;color:#00d6a3!important;font-family:"Space Mono",Pretendard,monospace!important;font-size:16px;font-weight:700;line-height:1.4;letter-spacing:.04em;transition:background-color .18s,color .18s,box-shadow .18s}
#security [data-security-point]>p:first-child svg{color:currentColor!important}
#security [data-security-point][data-active="true"]>p:first-child{background:#00d6a3;color:#03281b!important;border-color:#63f6c4;box-shadow:0 0 20px #00d6a32e,inset 0 1px #afffdb55}
#security [data-security-point]>p:last-child{font-size:22px;font-weight:600;line-height:1.5;letter-spacing:-.025em;color:#cbd7d0}
@media(min-width:1024px){
 #security div:has(>[data-security-point]){width:clamp(260px,25vw,320px)}
 #security div:has(>[data-security-point="encrypted"]){top:280px}
 #security div:has(>[data-security-point="soc2"]){top:376px}
 #security >div.mx-auto>div:last-child{min-height:620px}
}
@media(max-width:1023px){#security [data-security-point]{max-width:none}}
@media(max-width:639px){#security [data-security-point]>p:last-child{font-size:20px}#security [data-security-point]>p:first-child{font-size:14px}}
@media(prefers-reduced-motion:reduce){#security [data-security-point]>p:first-child{transition:none}}

/* Hover-only perimeter trace on the original transformed square face. */
#security [data-security-layer]>div>div[style*="background"]{position:relative;transition:background .18s,box-shadow .18s}
.cb-care-border{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;opacity:0}
.cb-care-border rect{fill:none;vector-effect:non-scaling-stroke}
.cb-care-border-base{stroke:#00d6a3;stroke-width:1}
.cb-care-border-trace{stroke:#b6ffdf;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:1 5;filter:drop-shadow(0 0 3px #00d6a3)}
@keyframes cb-care-perimeter{to{stroke-dashoffset:-24}}
@media(hover:hover) and (pointer:fine){
 #security [data-security-layer]:hover .cb-care-border{opacity:1}
 #security [data-security-layer]:hover .cb-care-border-trace{animation:cb-care-perimeter 1.8s linear infinite}
 #security [data-security-layer]:hover>div>div[style*="background"]{background:linear-gradient(225deg,#315b45,#3a7155 50%,#1b3d2b)!important;box-shadow:inset 0 0 1px 1px #8df8bf,0 0 18px #00d6a32e!important}
 #security [data-security-layer]:hover .cb-original-art{opacity:1}
}
#security [data-security-layer]:focus-visible .cb-care-border{opacity:1}
@media(prefers-reduced-motion:reduce){#security [data-security-layer]:hover .cb-care-border-trace{animation:none}}

/* Repeated packets travel from the numbered node toward its hovered panel. */
.cb-care-line-packet{stroke:#c4ffe4;stroke-width:3;stroke-dasharray:.06 .27;stroke-dashoffset:0;opacity:0;filter:drop-shadow(0 0 4px #00d6a3)}
@keyframes cb-care-packet-flow{to{stroke-dashoffset:-.99}}
@media(hover:hover) and (pointer:fine){
 #security:has(:is([data-security-layer],[data-security-point]):hover) .cb-care-connections [data-active="true"] .cb-care-line-packet{opacity:1;animation:cb-care-packet-flow 1.8s linear infinite}
}
@media(prefers-reduced-motion:reduce){#security .cb-care-connections .cb-care-line-packet{display:none;animation:none}}