:root{--soc-gold:#e6ca65;--soc-cyan:#70d0d9;--soc-ink:#02070c;--soc-panel:rgba(5,17,25,.92);--soc-ease:cubic-bezier(.16,1,.3,1)}
.security-operations{position:relative;overflow:hidden;padding:clamp(80px,10vw,150px) 0;background:radial-gradient(circle at 16% 18%,rgba(112,208,217,.13),transparent 29rem),radial-gradient(circle at 84% 15%,rgba(230,202,101,.1),transparent 26rem),linear-gradient(145deg,#02070c,#071923 54%,#1c1311);border-top:1px solid rgba(112,208,217,.22)}
.security-operations:before{content:"SECURITY OPERATIONS EXTENSION";position:absolute;right:4vw;top:24px;color:rgba(112,208,217,.14);font:500 11px/1.2 "IBM Plex Mono",monospace;letter-spacing:.28em}
.soc-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:28px;align-items:end}
.soc-intro aside{padding:20px;border:1px solid rgba(230,202,101,.22);background:rgba(2,9,14,.68);backdrop-filter:blur(14px)}
.soc-intro aside strong{display:block;color:var(--soc-gold);font:600 12px/1.4 "IBM Plex Mono",monospace;letter-spacing:.08em}.soc-intro aside p{margin:8px 0 0;color:#9ba8aa;line-height:1.7}
.soc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:34px}
.soc-panel{position:relative;overflow:hidden;padding:clamp(23px,3vw,34px);border:1px solid rgba(112,208,217,.2);background:linear-gradient(145deg,rgba(7,23,32,.96),rgba(3,9,14,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 26px 74px rgba(0,0,0,.28);backdrop-filter:blur(18px) saturate(125%)}
.soc-panel:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 28%,rgba(112,208,217,.045),transparent 72%);transform:translateX(-100%);transition:transform 1.1s var(--soc-ease)}.soc-panel:hover:after{transform:translateX(100%)}
.soc-panel-wide{grid-column:1/-1}.soc-panel>span{display:block;color:var(--soc-cyan);font:600 11px/1.4 "IBM Plex Mono",monospace;letter-spacing:.12em}.soc-panel h3{margin:11px 0 9px;color:#f0e6cf;font-size:clamp(1.35rem,2.2vw,1.8rem)}.soc-panel>p{color:#9faaa9;line-height:1.75}
.soc-form{display:grid;gap:12px;margin-top:20px}.soc-form label,.soc-field{display:grid;gap:7px;color:#bdc6c5;font-size:.9rem}.soc-form input[type="text"],.soc-form select,.soc-field textarea{width:100%;padding:13px 14px;border:1px solid rgba(112,208,217,.24);border-radius:2px;background:#020b11;color:#e6ecea;font:500 .86rem/1.5 "IBM Plex Mono",monospace;outline:none}.soc-form input:focus,.soc-form select:focus,.soc-field textarea:focus{border-color:rgba(112,208,217,.76);box-shadow:0 0 0 3px rgba(112,208,217,.08)}
.soc-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.soc-actions button,.soc-toggle{min-height:43px;padding:11px 15px;border:1px solid rgba(230,202,101,.3);background:rgba(230,202,101,.06);color:var(--soc-gold);font:600 11px/1.3 "IBM Plex Mono",monospace;letter-spacing:.05em;cursor:pointer;transition:transform .35s var(--soc-ease),border-color .35s var(--soc-ease),background .35s var(--soc-ease)}.soc-actions button:hover,.soc-actions button:focus-visible,.soc-toggle:hover,.soc-toggle:focus-visible{transform:translateY(-2px);border-color:var(--soc-cyan);outline:0}.soc-actions .soc-danger{border-color:rgba(231,107,83,.43);background:rgba(231,107,83,.08);color:#f0a38f}
.soc-timeline{position:relative;display:grid;gap:12px;margin-top:24px;padding-left:26px}.soc-timeline:before{content:"";position:absolute;left:8px;top:11px;bottom:11px;width:1px;background:linear-gradient(var(--soc-cyan),rgba(112,208,217,.09))}.soc-stage{position:relative;padding:13px 15px;border:1px solid rgba(255,255,255,.06);background:rgba(1,8,12,.55);opacity:.45;transform:translateX(6px);transition:opacity .55s var(--soc-ease),transform .55s var(--soc-ease),border-color .55s var(--soc-ease)}.soc-stage:before{content:"";position:absolute;left:-23px;top:18px;width:9px;height:9px;border-radius:50%;background:#30424a;border:1px solid rgba(112,208,217,.4)}.soc-stage.is-active{opacity:1;transform:none;border-color:rgba(112,208,217,.3)}.soc-stage.is-active:before{background:var(--soc-cyan);box-shadow:0 0 0 5px rgba(112,208,217,.1),0 0 20px rgba(112,208,217,.72);animation:soc-pulse 1.8s ease-in-out infinite}.soc-stage b{display:block;color:#d9c88f;font:600 11px/1.4 "IBM Plex Mono",monospace}.soc-stage small{display:block;margin-top:4px;color:#89999c;line-height:1.5}
.soc-matrix-result{display:grid;grid-template-columns:130px 1fr;gap:20px;align-items:center;margin-top:20px;padding:20px;border:1px solid rgba(112,208,217,.16);background:rgba(1,8,12,.64)}.soc-score{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;border:1px solid rgba(112,208,217,.33);background:radial-gradient(circle,rgba(112,208,217,.11),transparent 62%)}.soc-score strong{color:var(--soc-gold);font:700 2.2rem/1 "IBM Plex Mono",monospace}.soc-score span{color:#7f9497;font:600 8px/1.4 "IBM Plex Mono",monospace;letter-spacing:.08em;text-align:center}.soc-status{display:inline-flex;align-items:center;gap:8px;color:#b9c5c4;font:600 11px/1.3 "IBM Plex Mono",monospace}.soc-status i{width:8px;height:8px;border-radius:50%;background:#e5c85e;box-shadow:0 0 14px rgba(229,200,94,.7)}.soc-status[data-level="green"] i{background:#67d7a6;box-shadow:0 0 14px rgba(103,215,166,.7)}.soc-status[data-level="red"] i{background:#e57661;box-shadow:0 0 14px rgba(229,118,97,.7)}.soc-matrix-result p{margin:10px 0 0;color:#a9b4b2;line-height:1.7}
.soc-service-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:18px 0}.soc-service-list label{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid rgba(255,255,255,.07);color:#b9c3c2;background:rgba(1,8,12,.42)}.soc-service-list input{accent-color:var(--soc-gold)}.soc-field textarea{min-height:210px;resize:vertical;font-size:.75rem;color:#a9d4d5}
.soc-panic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:20px}.soc-panic-grid a,.soc-panic-grid button{display:grid;place-items:center;min-height:72px;padding:10px;border:1px solid rgba(112,208,217,.19);background:rgba(2,10,16,.7);color:#d8d1bd;text-align:center;text-decoration:none;font:600 11px/1.45 "IBM Plex Mono",monospace;cursor:pointer}.soc-panic-grid strong{display:block;color:var(--soc-gold);font-size:1.15rem}.soc-cursor-toggle{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px;padding:18px;border:1px solid rgba(112,208,217,.17);background:rgba(1,8,12,.54)}.soc-cursor-toggle p{margin:0;color:#9faeae;line-height:1.6}.soc-toggle[aria-pressed="true"]{border-color:var(--soc-cyan);background:rgba(112,208,217,.1);color:var(--soc-cyan)}
.soc-crosshair{position:fixed;left:0;top:0;z-index:10020;width:38px;height:38px;pointer-events:none;opacity:0;transform:translate(-50%,-50%);transition:opacity .2s var(--soc-ease)}.soc-crosshair:before,.soc-crosshair:after{content:"";position:absolute;background:rgba(112,208,217,.72);box-shadow:0 0 8px rgba(112,208,217,.5)}.soc-crosshair:before{left:50%;top:0;width:1px;height:100%}.soc-crosshair:after{left:0;top:50%;width:100%;height:1px}.soc-crosshair i{position:absolute;inset:10px;border:1px solid rgba(230,202,101,.76);border-radius:50%}.soc-crosshair b{position:absolute;left:44px;top:24px;min-width:94px;color:#8edce2;font:500 9px/1.2 "IBM Plex Mono",monospace;letter-spacing:.04em;white-space:nowrap}.soc-crosshair-enabled,.soc-crosshair-enabled a,.soc-crosshair-enabled button,.soc-crosshair-enabled input,.soc-crosshair-enabled select,.soc-crosshair-enabled textarea{cursor:none!important}.soc-crosshair-enabled .soc-crosshair{opacity:1}
.soc-disclosure{margin-top:18px;padding:15px;border-left:2px solid var(--soc-gold);background:rgba(230,202,101,.045);color:#929d9b;font-size:.86rem;line-height:1.7}
@keyframes soc-pulse{50%{transform:scale(1.25);box-shadow:0 0 0 8px rgba(112,208,217,0),0 0 26px rgba(112,208,217,.85)}}
@media(max-width:900px){.soc-intro,.soc-grid{grid-template-columns:1fr}.soc-panel-wide{grid-column:auto}.soc-service-list{grid-template-columns:1fr}.soc-panic-grid{grid-template-columns:1fr 1fr}.soc-crosshair{display:none!important}}
@media(max-width:560px){.soc-matrix-result{grid-template-columns:1fr}.soc-score{width:130px}.soc-panic-grid{grid-template-columns:1fr}.security-operations:before{display:none}}
@media(prefers-reduced-motion:reduce){.soc-stage,.soc-panel:after{transition:none}.soc-stage.is-active:before{animation:none}}