.patterns-product-surface{background:#080a0f;min-height:100vh;position:relative}.patterns-product-surface:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 76% 2%,#4f9cf914,#0000 26%),radial-gradient(circle at 18% 8%,#c9a2270e,#0000 24%);height:420px;position:fixed;inset:62px 0 auto}.patterns-product-surface>div{z-index:1;position:relative}.patterns-product-surface .pattern-layout{grid-template-columns:250px minmax(0,1fr)!important;gap:3.5rem!important;max-width:1340px!important;padding-top:3.5rem!important}.patterns-product-surface .pattern-sidebar{position:sticky;top:92px}.patterns-product-surface .pattern-layout article{min-width:0}.patterns-product-surface .pattern-layout article>div:first-child{background:linear-gradient(#131821f0,#0a0d12fa);border-radius:22px;position:relative;overflow:hidden;box-shadow:0 32px 100px #00000057,0 0 70px #4f9cf90a;border:1px solid #eef0f417!important;margin-bottom:3rem!important;padding:2rem 2rem 2.2rem!important}.patterns-product-surface .pattern-layout article>div:first-child:before{content:"";pointer-events:none;background:radial-gradient(circle at 85% 0,#4f9cf917,#0000 24%),linear-gradient(135deg,#ffffff05,#0000 28%);position:absolute;inset:0}.patterns-product-surface .pattern-layout article>div:first-child>*{z-index:1;position:relative}.patterns-product-surface .pattern-layout article>div:first-child h1{max-width:14ch;letter-spacing:-.06em!important;-webkit-text-fill-color:initial!important;color:#f0f2f5!important;background:0 0!important;font-size:clamp(2.8rem,5vw,5rem)!important;line-height:.95!important}.patterns-product-surface .pattern-layout article>div:first-child p{max-width:68ch;color:#9aa3b2!important;font-size:1.03rem!important;line-height:1.7!important}.patterns-product-surface .pattern-layout article>div:first-child [class*=badge]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.patterns-product-surface .prose-pattern{font-size:1rem;line-height:1.82;max-width:none!important}.patterns-product-surface .prose-pattern>h2{padding-top:.25rem;letter-spacing:-.04em!important;border-bottom:1px solid #eef0f417!important;margin-top:4.2rem!important;padding-bottom:.9rem!important;font-size:clamp(1.55rem,2.5vw,2.15rem)!important;line-height:1.08!important}.patterns-product-surface .prose-pattern>h2:before{content:"";background:linear-gradient(90deg,#d8ba66,#0000);width:34px;height:2px;margin-bottom:1rem;display:block}.patterns-product-surface .prose-pattern>h3{margin-top:2.1rem!important;font-size:1.08rem!important}.patterns-product-surface .prose-pattern p{max-width:76ch;color:#a1a9b8!important}.patterns-product-surface .prose-pattern ul,.patterns-product-surface .prose-pattern ol{max-width:76ch}.patterns-product-surface .prose-pattern li{margin-bottom:.55rem}.patterns-product-surface .prose-pattern blockquote{color:#c8ced8!important;background:linear-gradient(90deg,#c9a22712,#ffffff03)!important;border-left:2px solid #c9a227!important;border-radius:0 12px 12px 0!important;margin:2rem 0!important;padding:1.1rem 1.25rem!important}.patterns-product-surface .prose-pattern table{background:#ffffff03;border:1px solid #eef0f414;border-radius:14px;overflow:hidden;border-collapse:separate!important;border-spacing:0!important;margin:2.2rem 0!important}.patterns-product-surface .prose-pattern th{letter-spacing:.08em;text-transform:uppercase;font:650 .66rem/1 var(--font-mono)!important;color:#8993a3!important;background:#ffffff06!important;border:0!important;border-bottom:1px solid #eef0f414!important}.patterns-product-surface .prose-pattern td{color:#96a0af!important;border:0!important;border-bottom:1px solid #eef0f40e!important}.patterns-product-surface .prose-pattern tr:last-child td{border-bottom:0!important}.patterns-product-surface .mermaid-wrapper{background:linear-gradient(#121720f7,#090c11fc) padding-box padding-box,linear-gradient(135deg,#4f9cf929,#c9a2271c) border-box!important;border:1px solid #eef0f41a!important;border-radius:22px!important;margin:2.6rem 0 3rem!important;box-shadow:0 34px 90px #00000061,0 0 80px #4f9cf90a!important}.patterns-product-surface .mermaid-block-header{color:#687386!important;background:#ffffff05!important;border-top:0!important;border-bottom:1px solid #eef0f412!important;padding:.75rem 1.15rem!important}.patterns-product-surface .mermaid-wrapper .mermaid{background:radial-gradient(circle at 50% 35%,#4f9cf90d,#0000 32%),#0c1016!important;min-height:260px!important;padding:3rem 2rem!important}.patterns-product-surface .card-pattern{box-shadow:none!important;background:linear-gradient(#ffffff06,#ffffff03)!important;border:1px solid #eef0f413!important;border-radius:14px!important}.patterns-product-surface .card-pattern:hover{border-color:#c9a22738!important;transform:translateY(-3px)!important;box-shadow:0 18px 55px #00000042!important}.patterns-product-surface pre{background:#080a0e!important;border-color:#eef0f414!important;border-radius:14px!important}.patterns-product-surface code{font-variant-ligatures:none}.patterns-product-surface .pattern-sidebar>div{border-radius:16px!important}.patterns-product-surface .pattern-layout article>div:not(:first-child){position:relative}.patterns-product-surface .pattern-layout article>div:not(:first-child)[style*=border]{border-color:#eef0f413!important}.patterns-product-surface a{transition:color .16s,transform .16s,border-color .16s,background .16s}.patterns-product-surface button{transition:all .16s}.patterns-product-surface .section-eyebrow{font:650 .66rem/1 var(--font-mono)!important;letter-spacing:.12em!important;color:#d8ba66!important}.patterns-product-surface>div>div:first-child[style*=border-bottom]{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0e14e0!important}.control-library-page{background:#080a0f;min-height:100vh}.control-library-shell{max-width:1240px;margin:0 auto;padding:0 2rem}.control-library-hero{border-bottom:1px solid #eef0f412;padding:6.5rem 0 4rem;position:relative;overflow:hidden}.control-library-hero:before{content:"";background:radial-gradient(circle at 78% 12%,#4f9cf91c,#0000 26%),radial-gradient(circle at 15% 20%,#c9a2270f,#0000 24%),linear-gradient(#0a0d12 0%,#080a0f 88%);position:absolute;inset:0}.control-library-hero .control-library-shell{z-index:1;grid-template-columns:.9fr 1.1fr;align-items:center;gap:4rem;display:grid;position:relative}.control-library-eyebrow{font:650 .64rem/1 var(--font-mono);letter-spacing:.13em;text-transform:uppercase;color:#8faeff;align-items:center;gap:.55rem;display:inline-flex}.control-library-eyebrow:before{content:"";background:linear-gradient(90deg,#8faeff,#0000);width:22px;height:1px}.control-library-copy h1{letter-spacing:-.068em;max-width:9ch;margin:1.2rem 0 1.25rem;font-size:clamp(3.8rem,6vw,6.2rem);line-height:.92}.control-library-copy p{color:#8f99a9;max-width:54ch;font-size:.96rem;line-height:1.72}.control-library-metrics{border:1px solid #eef0f412;border-radius:14px;grid-template-columns:repeat(4,1fr);margin-top:1.8rem;display:grid;overflow:hidden}.control-library-metrics>div{border-right:1px solid #eef0f40e;padding:.9rem}.control-library-metrics>div:last-child{border-right:0}.control-library-metrics strong{font-size:1.25rem;display:block}.control-library-metrics span{font:600 .53rem/1 var(--font-mono);text-transform:uppercase;letter-spacing:.07em;color:#677184;margin-top:.16rem;display:block}.control-landscape{background:linear-gradient(#131821f7,#090c11fc);border:1px solid #eef0f417;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 40px 120px #0006,0 0 90px #4f9cf90d}.control-landscape:before{content:"";pointer-events:none;background:radial-gradient(circle at 82% 0,#4f9cf917,#0000 28%);position:absolute;inset:0}.control-landscape-head,.control-landscape-foot{z-index:1;padding:1rem 1.1rem;position:relative}.control-landscape-head{border-bottom:1px solid #eef0f411;justify-content:space-between;align-items:center;gap:1rem;display:flex}.control-landscape-head span,.control-landscape-foot span{font:600 .55rem/1 var(--font-mono);letter-spacing:.11em;color:#687386;display:block}.control-landscape-head strong,.control-landscape-foot strong{margin-top:.28rem;font-size:.78rem;display:block}.control-landscape-head em{font:700 .54rem/1 var(--font-mono);color:#5edda5;font-style:normal}.control-landscape-body{z-index:1;padding:.7rem 1rem;position:relative}.control-landscape-band{border-bottom:1px solid #eef0f40d;grid-template-columns:42px 240px 1fr;align-items:center;gap:.8rem;padding:.8rem .2rem;display:grid}.control-landscape-band:last-child{border-bottom:0}.control-landscape-band>span{font:650 .56rem/1 var(--font-mono);color:#5e6879}.control-landscape-band strong{font-size:.78rem;display:block}.control-landscape-band small{color:#687386;margin-top:.16rem;font-size:.61rem;display:block}.control-landscape-band i{background:linear-gradient(90deg,#4f74da,#7aa8ff 60%,#d1b04c);border-radius:999px;height:7px;box-shadow:0 0 18px #4f74da14}.control-landscape-foot{background:#ffffff03;border-top:1px solid #eef0f40f}.control-library-search-intro{padding:4.5rem 0 1.6rem}.control-library-search-intro .control-library-shell{grid-template-columns:1fr .9fr;align-items:end;gap:4rem;display:grid}.control-library-search-intro h2{letter-spacing:-.058em;max-width:10ch;margin:1rem 0 0;font-size:clamp(2.7rem,4.7vw,4.6rem);line-height:.96}.control-library-search-intro p{color:#7d8796;max-width:48ch;font-size:.88rem;line-height:1.7}@media (max-width:980px){.patterns-product-surface .pattern-layout{grid-template-columns:1fr!important;gap:2rem!important}.patterns-product-surface .pattern-sidebar{position:static}.patterns-product-surface .pattern-layout article>div:first-child{padding:1.5rem!important}.patterns-product-surface .pattern-layout article>div:first-child h1{font-size:clamp(2.6rem,9vw,4.2rem)!important}.control-library-hero .control-library-shell,.control-library-search-intro .control-library-shell{grid-template-columns:1fr;gap:2.5rem}.control-landscape{max-width:760px}.control-library-metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.patterns-product-surface .pattern-layout{padding:2rem 1rem!important}.patterns-product-surface .pattern-layout article>div:first-child{border-radius:16px!important}.patterns-product-surface .mermaid-wrapper .mermaid{padding:1.4rem .8rem!important}.patterns-product-surface .prose-pattern>h2{margin-top:3rem!important}.control-library-shell{padding:0 1rem}.control-library-hero{padding:4.8rem 0 3rem}.control-library-copy h1{font-size:clamp(3.2rem,15vw,4.8rem)}.control-library-metrics{grid-template-columns:1fr 1fr}.control-landscape-band{grid-template-columns:32px 1fr}.control-landscape-band i{grid-column:2}.control-library-search-intro h2{font-size:clamp(2.8rem,13vw,4.2rem)}}
.pattern-cockpit{z-index:6;background:linear-gradient(#080b10 0%,#080a0f 100%);border-bottom:1px solid #eef0f40f;padding:3.2rem 1.5rem 1.2rem;position:relative}.pattern-cockpit-shell{background:linear-gradient(#121720f7,#090c11fc);border:1px solid #eef0f416;border-radius:24px;max-width:1280px;margin:0 auto;overflow:hidden;box-shadow:0 38px 120px #00000061,0 0 100px #4f9cf90b}.pattern-cockpit-top{background:radial-gradient(circle at 82% 0,#4f9cf917,#0000 30%);border-bottom:1px solid #eef0f40f;justify-content:space-between;align-items:flex-end;gap:2rem;padding:1.4rem 1.5rem;display:flex}.pattern-cockpit-top>div:first-child>span,.pattern-so-what>span,.pattern-decision-line span,.pattern-incident-strip>span{font:650 .56rem/1 var(--font-mono);letter-spacing:.11em;text-transform:uppercase;color:#8e9aad;display:block}.pattern-cockpit-top h1{letter-spacing:-.055em;max-width:13ch;margin:.5rem 0 0;font-size:clamp(2.2rem,4vw,4rem);line-height:.95}.pattern-proof-ring{--proof:70;text-align:center;background:radial-gradient(circle,#111720 0 53%,transparent 54%),conic-gradient(#78a3ff calc(var(--proof)*1%),#ffffff0f 0);border-radius:50%;flex-shrink:0;place-content:center;width:112px;height:112px;display:grid;position:relative}.pattern-proof-ring strong{letter-spacing:-.05em;font-size:1.9rem;line-height:1}.pattern-proof-ring span{font:500 .48rem/1 var(--font-mono);color:#8e9aad;margin-top:.2rem}.pattern-cockpit-grid{grid-template-columns:1.2fr .8fr;display:grid}.pattern-so-what{border-right:1px solid #eef0f40e;padding:1.5rem}.pattern-so-what h2{letter-spacing:-.04em;max-width:18ch;margin:.8rem 0 1rem;font-size:clamp(1.6rem,2.8vw,2.5rem);line-height:1.06}.pattern-so-what p{color:#b8c2d0;max-width:64ch;margin:0;font-size:.9rem;line-height:1.68}.pattern-decision-line{background:linear-gradient(90deg,#6ea8ff14,#ffffff03);border-left:2px solid #6ea8ff;border-radius:0 10px 10px 0;margin-top:1.1rem;padding:1rem 1.05rem}.pattern-decision-line strong{color:#eef3fa;margin-top:.35rem;font-size:.8rem;display:block}.pattern-signal-board{grid-template-columns:1fr 1fr;display:grid}.pattern-signal-board>div{border-bottom:1px solid #eef0f40e;border-right:1px solid #eef0f40e;padding:1rem}.pattern-signal-board>div:nth-child(2n){border-right:0}.pattern-signal-board>div:nth-last-child(-n+2){border-bottom:0}.pattern-signal-board span{font:650 .52rem/1 var(--font-mono);letter-spacing:.08em;color:#8e9aad;display:block}.pattern-signal-board strong{letter-spacing:-.03em;margin-top:.5rem;font-size:1.15rem;display:block}.pattern-signal-board small{color:#aab5c5;margin-top:.2rem;font-size:.6rem;line-height:1.35;display:block}.pattern-control-path{background:#ffffff03;border-top:1px solid #eef0f40f;border-bottom:1px solid #eef0f40f;grid-template-columns:repeat(6,1fr);display:grid}.pattern-control-step{text-align:center;padding:.9rem .8rem;position:relative}.pattern-control-step span{font:650 .5rem/1 var(--font-mono);color:#7d899b;display:block}.pattern-control-step strong{margin-top:.35rem;font-size:.65rem;display:block}.pattern-control-step i{z-index:2;background:linear-gradient(90deg,#6a8ef1,#6a8ef114);width:34%;height:1px;position:absolute;top:50%;right:-17%}.pattern-control-step i:after{content:"";background:#7898f2;border-radius:50%;width:5px;height:5px;position:absolute;top:-2px;right:0}.pattern-incident-strip{background:linear-gradient(90deg,#df6a610f,#0000);border-bottom:1px solid #eef0f40e;grid-template-columns:170px 1fr auto;align-items:center;gap:1rem;padding:.9rem 1.1rem;display:grid}.pattern-incident-strip strong{font-size:.76rem}.pattern-incident-strip small{font:650 .54rem/1 var(--font-mono);color:#ff8585}.pattern-cockpit-actions{justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;display:flex}.pattern-cockpit-actions button{appearance:none;color:#e2e7ef;cursor:pointer;background:#ffffff06;border:1px solid #eef0f41f;border-radius:9px;padding:.68rem .82rem;font-size:.69rem;font-weight:650}.pattern-cockpit-actions>div{flex-wrap:wrap;gap:1rem;display:flex}.pattern-cockpit-actions a{color:#9bc1ff;font-size:.72rem;font-weight:650}.pattern-freshness{font:650 .64rem/1 var(--font-mono);border:1px solid var(--border);color:#aab5c5;background:#ffffff06;border-radius:7px;flex-wrap:wrap;align-items:center;gap:.45rem;padding:.38rem .55rem;display:inline-flex}.pattern-freshness__state{color:#eef3fa}.pattern-freshness__version{color:#8e9aad}.pattern-freshness__verified{color:#7d899b;font-weight:500}.pattern-freshness__changes{color:#f0b36b}.pattern-freshness--fresh{background:#62dba70f;border-color:#62dba740}.pattern-freshness--watch{background:#f0b36b0f;border-color:#f0b36b40}.pattern-freshness--stale,.pattern-freshness--critical{background:#ef747412;border-color:#ef747447}.pattern-cockpit-ready .patterns-product-surface .pattern-layout article>div:first-child,.pattern-cockpit-ready .patterns-product-surface .prose-pattern{display:none!important}.pattern-cockpit-ready.pattern-reference-open .patterns-product-surface .prose-pattern,.pattern-cockpit-ready.pattern-reference-open .patterns-product-surface .pattern-layout article>div:first-child{display:block!important}.patterns-product-surface .pattern-layout{padding-top:1.6rem!important}@media (max-width:980px){.pattern-cockpit-grid{grid-template-columns:1fr}.pattern-so-what{border-bottom:1px solid #eef0f40e;border-right:0}.pattern-control-path{grid-template-columns:repeat(3,1fr)}.pattern-control-step:nth-child(3n) i{display:none}.pattern-incident-strip{grid-template-columns:1fr}}@media (max-width:700px){.pattern-cockpit{padding:2rem .8rem 1rem}.pattern-cockpit-top{flex-direction:column;align-items:flex-start}.pattern-proof-ring{width:92px;height:92px}.pattern-signal-board{grid-template-columns:1fr}.pattern-signal-board>div{border-right:0}.pattern-control-path{grid-template-columns:repeat(2,1fr)}.pattern-control-step:nth-child(3n) i{display:block}.pattern-control-step:nth-child(2n) i{display:none}.pattern-cockpit-actions{flex-direction:column;align-items:flex-start}.pattern-freshness__verified{width:100%}}
.pattern-platform-bridge{background:linear-gradient(90deg,#14365061,#0a111ae6);border:1px solid #79bfff2e;border-radius:14px;justify-content:space-between;align-items:center;gap:1.4rem;max-width:1280px;margin:1.2rem auto 0;padding:1rem 1.15rem;display:flex;box-shadow:0 20px 55px #00000029}.pattern-platform-bridge-copy{min-width:0}.pattern-platform-bridge-copy>span{letter-spacing:.14em;color:#78bfff;margin-bottom:.3rem;font-size:.56rem;font-weight:900;display:block}.pattern-platform-bridge-copy strong{color:#f3f7fb;letter-spacing:-.015em;font-size:.9rem;display:block}.pattern-platform-bridge-copy small{color:#8195a8;margin-top:.28rem;font-size:.68rem;line-height:1.45;display:block}.pattern-platform-bridge-actions{flex-shrink:0;gap:.5rem;display:flex}.pattern-platform-bridge-actions a{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;padding:.62rem .78rem;font-size:.66rem;font-weight:850;text-decoration:none;display:inline-flex}.pattern-platform-bridge-actions a:first-child{color:#06111a;background:#8bc9ff}.pattern-platform-bridge-actions a:last-child{color:#a9d7ff;background:#79bfff0f;border:1px solid #79bfff33}@media (max-width:850px){.pattern-platform-bridge{flex-direction:column;align-items:flex-start;margin-left:1rem;margin-right:1rem}.pattern-platform-bridge-actions{flex-wrap:wrap;width:100%}.pattern-platform-bridge-actions a{flex:1}}