.owasp-visual{margin-left:0;min-width:0;padding:10px 0 0 25px;position:relative}.owasp-heading{display:flex;justify-content:space-between;align-items:center;font:13px monospace;letter-spacing:2px;color:#a8b1a6;border-bottom:1px solid #35402c;padding-bottom:12px}.owasp-heading span:first-child{font:bold 25px Arial,sans-serif;letter-spacing:0;color:#f0f3ed}.owasp-visual svg{display:block;width:100%;height:auto;overflow:visible;margin:8px 0 0}.security-plane{transition:opacity .35s,transform .35s;opacity:.5}.security-plane.is-active{opacity:1;transform:translateY(-10px)}.plane-top{fill:#111f20;fill-opacity:.93;stroke:var(--plane);stroke-width:1.2}.plane-side{fill:var(--plane);fill-opacity:.06;stroke:var(--plane);stroke-opacity:.4}.plane-grid{stroke:var(--plane);stroke-opacity:.13;fill:none}.plane-glow{fill:none;stroke:var(--plane);stroke-width:5;opacity:0;filter:url(#bloom)}.is-active .plane-glow{opacity:.5}.is-active .plane-top{fill:#223229}.plane-label{fill:#e5eee4;font:14px monospace;letter-spacing:1px}.layer-tagline{font:500 23px Arial,sans-serif;color:#e9f1e4;margin-top:-12px}.owasp-visual p{font-size:14px;margin-top:10px}.layer-controls{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:0}.layer-controls .area-button[aria-pressed=true]{color:var(--layer);box-shadow:inset 0 2px var(--layer)}.layer-info{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:32px 0 24px;min-height:210px;border-bottom:1px solid var(--line)}.layer-info h2{font-size:30px;letter-spacing:-1px;margin:14px 0}.layer-info p{font-size:16px;color:var(--muted);margin:10px 0}.layer-info .risk-title{color:#edf3e8;font-size:17px;margin:0 0 20px}.control-label{font:13px monospace;text-transform:uppercase;letter-spacing:1px;color:#c5ff61}.owasp-note{font-size:13px;color:#9ba694;max-width:850px;margin:18px 0 50px;line-height:1.7}.owasp-note a{color:#c5ff61;text-decoration:underline;text-underline-offset:4px}.layer-info .eyebrow{font-size:12px;letter-spacing:1px}
@media(max-width:950px){.owasp-visual{padding:0;max-width:620px;width:100%;justify-self:center}.layer-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.layer-controls .area-button{border-bottom:1px solid var(--line)}}
@media(max-width:540px){.layer-controls{grid-template-columns:1fr 1fr}.layer-controls .area-button:last-child{grid-column:1/-1}.layer-info{grid-template-columns:1fr;gap:16px;min-height:0}.owasp-heading{font-size:12px}.owasp-visual{margin-top:38px}.layer-tagline{font-size:21px}.owasp-note{margin-bottom:32px}}
@media(prefers-reduced-motion:reduce){.security-plane{transition:none}}