:root{color-scheme:dark;--navy-900: #051f30;--navy-800: #072d48;--navy-700: #093c5d;--navy-600: #0d4a72;--steel: #3b7597;--steel-2: #5a8fab;--navy-800-rgb: 7, 45, 72;--steel-2-rgb: 90, 143, 171;--cyan: #6fd1d7;--cyan-2: #8fe1e6;--cyan-rgb: 111, 209, 215;--cyan-2-rgb: 143, 225, 230;--mint: #ddf8d8;--mint-dim: rgba(var(--mint-rgb), .72);--mint-fade: rgba(var(--mint-rgb), .5);--mint-bord: rgba(var(--mint-rgb), .12);--mint-rgb: 221, 248, 216;--on-accent: var(--navy-900);--text-strong: #fff;--bad: #ff8a8a;--bad-rgb: 255, 138, 138;--warn: #ffd084;--warn-rgb: 255, 208, 132;--ok: #5df8b9;--ok-rgb: 93, 248, 185;--ok-2: #8fe1a0;--ok-2-rgb: 143, 225, 160;--purple: #b39dff;--purple-2: #cbbcff;--purple-rgb: 179, 157, 255;--brand-youtube: #ff7a7a;--brand-youtube-rgb: 255, 122, 122;--brand-facebook: #7bb5ff;--brand-facebook-rgb: 123, 181, 255;--code-bg: #04161f;--code-fg: var(--mint-dim);--panel-grad: linear-gradient(165deg, var(--navy-800), var(--navy-900));--sidebar-grad: linear-gradient(180deg, var(--navy-800), var(--navy-900));--hero-grad: linear-gradient(110deg, var(--cyan) 0%, var(--mint) 38%, var(--steel-2) 68%, var(--cyan) 100%);--node-web: #0a3957;--node-db: #03283f;--svc-stroke: rgba(var(--cyan-rgb), .4);--mesh-db: #7be0b0;--mesh-db-rgb: 123, 224, 176;--shadow-rgb: 0, 0, 0;--shadow-sm: 0 1px 2px 0 rgba(var(--shadow-rgb), .4);--shadow-md: 0 4px 12px rgba(var(--shadow-rgb), .45);--shadow-lg: 0 12px 30px rgba(var(--shadow-rgb), .55);--packet-glow-a: .7}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--navy-900);color:var(--mint);font-family:IBM Plex Sans,system-ui,sans-serif;font-size:15.5px;line-height:1.55;min-height:100vh;-webkit-font-smoothing:antialiased}::selection{background:var(--cyan);color:var(--navy-900)}.mono{font-family:JetBrains Mono,ui-monospace,monospace}.display{font-family:Space Grotesk,system-ui,sans-serif;letter-spacing:-.01em}.shell{display:grid;grid-template-columns:300px 1fr;min-height:100vh}.sidebar{background:var(--sidebar-grad);border-right:1px solid var(--mint-bord);padding:28px 22px 80px;position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column}.sidebar-foot{margin-top:auto}.sidebar-updated{padding-top:24px;font-size:11px;letter-spacing:.08em;color:var(--mint-fade)}.theme-switch{border:0;margin:0;padding:0;min-width:0}.theme-switch-legend{padding:0;margin-bottom:8px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mint-fade)}.theme-switch-track{position:relative;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));padding:3px;background:var(--navy-800);border:1px solid var(--mint-bord);border-radius:999px}.theme-switch-thumb{position:absolute;top:3px;bottom:3px;left:3px;width:calc((100% - 6px) / var(--n));transform:translate(calc(var(--i) * 100%));background:rgba(var(--cyan-rgb),.14);border:1px solid rgba(var(--cyan-rgb),.4);border-radius:999px;transition:transform .28s cubic-bezier(.4,0,.2,1)}.theme-switch-option{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:5px 4px;border-radius:999px;cursor:pointer;white-space:nowrap;font-size:12px;font-weight:500;color:var(--mint-dim);transition:color .2s ease}.theme-switch-option:hover{color:var(--mint)}.theme-switch-option.is-active{color:var(--cyan-2)}.theme-switch-option svg{width:13px;height:13px;display:block;flex:0 0 auto}.theme-switch-option input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.theme-switch-option input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:999px}.site-header .theme-switch{margin:0 auto 0 1.25rem}.site-header .theme-switch-track{min-width:150px}.site-header .theme-switch-legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:520px){.site-header .theme-switch{margin-left:.75rem}.site-header .theme-switch-track{min-width:0}.site-header .theme-switch-text{display:none}.site-header .theme-switch-option{padding:9px 13px}.site-header .theme-switch-option svg{width:15px;height:15px}}@media(prefers-reduced-motion:reduce){.theme-switch-thumb{transition:none}}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:var(--mint-bord);border-radius:3px}.brand{display:flex;gap:10px;align-items:center;margin-bottom:26px}.brand-mark{width:30px;height:30px;border-radius:8px;background:var(--cyan);display:grid;place-items:center;color:var(--navy-900);font-weight:700;font-family:Space Grotesk;font-size:16px}.brand-title{font-family:Space Grotesk;font-weight:600;font-size:15.5px;color:var(--mint)}.brand-sub{font-size:11.5px;color:var(--mint-fade);letter-spacing:.08em;text-transform:uppercase}.progress-meta{font-size:11px;color:var(--mint-fade);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}.progress-bar{height:3px;background:var(--mint-bord);border-radius:3px;overflow:hidden;margin-bottom:24px}.progress-bar>div{height:100%;background:linear-gradient(90deg,var(--cyan),var(--mint));transition:width .5s ease}.chapter-list{list-style:none;padding:0;margin:0}.chapter-item{display:grid;grid-template-columns:24px 1fr;gap:12px;padding:9px 10px;border-radius:7px;cursor:pointer;align-items:start;margin-bottom:2px;transition:background .15s;border:1px solid transparent}.chapter-item:hover{background:rgba(var(--cyan-rgb),.06)}.chapter-item.active{background:rgba(var(--cyan-rgb),.12);border-color:rgba(var(--cyan-rgb),.3)}.chapter-item.done .ch-num{background:var(--cyan);color:var(--navy-900);border-color:var(--cyan)}.ch-num{width:22px;height:22px;border-radius:50%;border:1px solid var(--mint-bord);display:grid;place-items:center;font-size:11px;font-family:JetBrains Mono;color:var(--mint-dim);background:var(--navy-900);flex-shrink:0}.chapter-item.active .ch-num{color:var(--cyan);border-color:var(--cyan);background:var(--navy-800)}.ch-text{padding-top:1px}.ch-kind{font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mint-fade);display:block;margin-bottom:2px}.ch-title{font-size:13.5px;color:var(--mint);line-height:1.3}.chapter-item.active .ch-title{color:var(--cyan-2)}.main{padding:56px 64px 120px;max-width:1200px;margin:0 auto;width:100%}.crumb{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--mint-fade);margin-bottom:14px;display:flex;gap:10px;align-items:center}.crumb .sep{opacity:.4}.crumb .stage{color:var(--cyan)}h1.chapter-title{font-family:Space Grotesk;font-size:clamp(34px,4vw,52px);line-height:1.05;letter-spacing:-.02em;margin:0 0 14px;color:var(--mint);text-wrap:pretty}.chapter-lede{font-size:19px;color:var(--mint-dim);max-width:720px;margin-bottom:40px;line-height:1.5;text-wrap:pretty}.pws{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0 32px}.pws-card{background:var(--navy-800);border:1px solid var(--mint-bord);border-radius:12px;padding:20px 22px;position:relative;overflow:hidden}.pws-card .tag{font-size:10px;letter-spacing:.16em;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px;margin-bottom:10px}.pws-card .tag:before{content:"";width:6px;height:6px;border-radius:50%}.pws-card.problem .tag{color:var(--bad)}.pws-card.problem .tag:before{background:var(--bad)}.pws-card.why .tag{color:var(--warn)}.pws-card.why .tag:before{background:var(--warn)}.pws-card.solution .tag{color:var(--cyan)}.pws-card.solution .tag:before{background:var(--cyan)}.pws-card h3{font-family:Space Grotesk;margin:0 0 8px;font-size:17px;color:var(--mint);line-height:1.25}.pws-card p{margin:0;font-size:14px;color:var(--mint-dim);line-height:1.55}.pattern-tag{display:inline-flex;gap:10px;align-items:center;background:linear-gradient(90deg,rgba(var(--cyan-rgb),.15),rgba(var(--mint-rgb),.05));border:1px solid rgba(var(--cyan-rgb),.35);padding:10px 16px 10px 12px;border-radius:999px;margin:6px 0 30px;font-family:JetBrains Mono;font-size:13.5px;color:var(--cyan-2)}.pattern-tag .label{font-size:9.5px;letter-spacing:.18em;background:var(--cyan);color:var(--navy-900);padding:4px 8px;border-radius:999px;font-family:IBM Plex Sans;font-weight:600}section.block{margin:44px 0}section.block>h2{font-family:Space Grotesk;font-size:22px;margin:0 0 6px;color:var(--mint);letter-spacing:-.01em}section.block>h2 .num{color:var(--cyan);margin-right:10px;font-family:JetBrains Mono;font-size:16px}section.block>p.sub{color:var(--mint-dim);margin:0 0 18px;font-size:15px;max-width:760px}.diagram-frame{background:var(--navy-800);border:1px solid var(--mint-bord);border-radius:14px;padding:22px;position:relative;overflow:hidden}.diagram-frame:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 0%,rgba(var(--cyan-rgb),.07),transparent 50%),radial-gradient(circle at 80% 100%,rgba(var(--mint-rgb),.04),transparent 50%);pointer-events:none}.diagram-cap{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mint-fade);margin-bottom:14px;display:flex;gap:12px;align-items:center;position:relative}.diagram-cap .badge{background:var(--cyan);color:var(--navy-900);padding:3px 8px;border-radius:4px;font-family:JetBrains Mono;font-weight:600;letter-spacing:.04em}.diagram-svg{width:100%;height:auto;display:block;position:relative}.takeaway{display:flex;gap:14px;background:rgba(var(--cyan-rgb),.06);border-left:3px solid var(--cyan);padding:16px 18px;border-radius:0 10px 10px 0;margin:26px 0}.takeaway .ico{color:var(--cyan);font-size:18px;line-height:1.4}.takeaway p{margin:0;color:var(--mint);font-size:15px}.callout{--accent: var(--cyan);--accent-rgb: var(--cyan-rgb);background:rgba(var(--accent-rgb),.06);border:1px solid rgba(var(--accent-rgb),.35);border-radius:8px;padding:1.5rem}.callout.warn{--accent: var(--warn);--accent-rgb: var(--warn-rgb)}.callout.ok{--accent: var(--ok);--accent-rgb: var(--ok-rgb)}.callout.bad{--accent: var(--bad);--accent-rgb: var(--bad-rgb)}.callout-title{color:var(--accent);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.callout-body{margin:0;line-height:1.6;font-size:1rem;color:var(--mint-dim)}.callout-list{margin:0;padding-left:1.2rem;color:var(--mint-dim)}.callout-list li{margin-bottom:.5rem}.nav-row{display:flex;justify-content:space-between;gap:20px;margin-top:60px;padding-top:30px;border-top:1px solid var(--mint-bord)}.nav-btn{display:flex;flex-direction:column;gap:4px;background:transparent;border:1px solid var(--mint-bord);border-radius:10px;padding:14px 22px;cursor:pointer;color:var(--mint);text-align:left;font:inherit;min-width:220px;transition:all .15s}.nav-btn:hover:not(:disabled){border-color:var(--cyan);background:rgba(var(--cyan-rgb),.06)}.nav-btn:disabled{opacity:.35;cursor:not-allowed}.nav-btn .nav-lab{font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--mint-fade)}.nav-btn.next{text-align:right}.nav-btn.next .nav-lab{color:var(--cyan)}.nav-btn .nav-title{font-family:Space Grotesk;font-size:15.5px}.kbd{display:inline-block;background:var(--navy-800);border:1px solid var(--mint-bord);padding:1px 7px;border-radius:4px;font-family:JetBrains Mono;font-size:12px;color:var(--cyan-2)}strong.hl{color:var(--cyan-2);font-weight:600}em.warn{color:var(--warn);font-style:normal}em.bad{color:var(--bad);font-style:normal}.svc-node{cursor:pointer;transition:transform .2s}.svc-node:hover{transform:translateY(-2px)}.svc-node text{pointer-events:none}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:32px 0 12px}.stat-card{background:var(--navy-800);border:1px solid var(--mint-bord);border-radius:10px;padding:18px 18px 16px}.stat-num{font-family:Space Grotesk;font-size:30px;color:var(--cyan);line-height:1}.stat-lab{font-size:12px;color:var(--mint-fade);margin-top:6px;letter-spacing:.04em}.journey-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:30px 0}.journey-step{background:var(--navy-800);border:1px solid var(--mint-bord);border-radius:10px;padding:12px 14px;font-size:12px;color:var(--mint-dim);position:relative}.journey-step .js-num{font-family:JetBrains Mono;color:var(--cyan);font-size:11px;margin-bottom:4px}.journey-step .js-tit{color:var(--mint);font-family:Space Grotesk;font-size:13px;line-height:1.25;margin-bottom:4px}.journey-step .js-pat{color:var(--mint-fade);font-size:11px;font-family:JetBrains Mono}@media(max-width:1100px){.shell{grid-template-columns:250px 1fr}.main{padding:40px 36px 100px}.pws{grid-template-columns:1fr}.stat-grid,.journey-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}}.fade-in{animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.heur{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.heur-row{display:grid;grid-template-columns:36px 1fr;gap:14px;background:var(--navy-800);border:1px solid var(--mint-bord);border-radius:10px;padding:16px 18px}.heur-num{font-family:JetBrains Mono;color:var(--cyan);font-size:13px;padding-top:2px}.heur-k{font-family:Space Grotesk;font-size:15px;color:var(--mint);margin-bottom:4px}.heur-l{font-size:12.5px;color:var(--cyan-2);margin-bottom:8px;font-style:italic}.heur-w{font-size:13px;color:var(--mint-dim);line-height:1.5}@media(max-width:1100px){.heur{grid-template-columns:1fr}}.iso-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:8px}.iso-card{background:var(--navy-800);border:1px solid var(--mint-bord);border-left:3px solid var(--cyan);border-radius:0 10px 10px 0;padding:14px 16px}.iso-h{font-family:Space Grotesk;font-size:14.5px;color:var(--mint);margin-bottom:6px}.iso-b{font-size:12.5px;color:var(--mint-dim);line-height:1.55}.iso-b .mono{font-family:JetBrains Mono;font-size:11.5px;color:var(--cyan-2)}.pitfalls{list-style:none;padding:0;margin:0;display:grid;gap:8px}.pitfalls li{background:var(--navy-800);border:1px solid var(--mint-bord);border-radius:8px;font-size:13.5px;color:var(--mint-dim);line-height:1.55;position:relative;padding:12px 16px 12px 36px}.pitfalls li:before{content:"⚠";position:absolute;left:14px;top:12px;color:var(--warn);font-size:14px}@media(max-width:1100px){.iso-grid{grid-template-columns:1fr}}.svc-rect{fill:var(--navy-700);stroke:var(--svc-stroke);stroke-width:1.5}.svc-rect.web{fill:var(--node-web)}.svc-rect.db{fill:var(--node-db)}.svc-label{fill:var(--mint);font-family:Space Grotesk;font-size:13px;font-weight:600}.svc-sub{fill:var(--mint-fade);font-family:JetBrains Mono;font-size:10.5px;letter-spacing:.05em}.svc-arrow{stroke:rgba(var(--mint-rgb),.45);stroke-width:1.4;fill:none;marker-end:url(#arrow)}.svc-arrow.async{stroke-dasharray:4 4;stroke:var(--cyan)}.svc-arrow.bad{stroke:var(--bad)}.cluster{fill:rgba(var(--cyan-rgb),.05);stroke:rgba(var(--cyan-rgb),.25);stroke-dasharray:5 4}.cluster-label{fill:var(--cyan-2);font-family:JetBrains Mono;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase}.pulse{animation:pulse 2.4s ease-in-out infinite;transform-origin:center;transform-box:fill-box}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.flow{stroke-dasharray:6 6;animation:flow 1.6s linear infinite}@keyframes flow{to{stroke-dashoffset:-24}}.pattern-illus{margin:0;padding:1.25rem;border-radius:18px;background:var(--panel-grad);border:1px solid var(--mint-bord)}.pattern-illus svg{display:block;width:100%;height:auto}.pattern-illus-skeleton{width:100%;aspect-ratio:2 / 1;border-radius:12px;background:rgba(var(--cyan-rgb),.05)}.illus-variant+.illus-variant{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--mint-bord)}.illus-variant-title{display:flex;align-items:center;gap:.5rem;font-family:Space Grotesk,system-ui,sans-serif;font-weight:600;font-size:1.05rem;color:var(--cyan-2);margin-bottom:.2rem}.illus-variant-title:before{content:"";width:3px;height:1.05em;border-radius:2px;background:var(--cyan)}.illus-variant-desc{font-size:.82rem;line-height:1.45;color:var(--mint-fade);margin-bottom:.7rem}.illus-case+.illus-case{margin-top:1rem}.illus-case-label{display:flex;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;margin:.5rem 0 .35rem}.illus-case-label:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.illus-case-label.ok{color:var(--ok)}.illus-case-label.bad{color:var(--warn)}@media(prefers-reduced-motion:reduce){.pattern-illus .flow,.pattern-illus .pulse{animation:none}}.scroll-top{position:fixed;right:24px;bottom:24px;z-index:90;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;color:var(--cyan-2);background:linear-gradient(165deg,var(--navy-700),var(--navy-900));border:1px solid rgba(var(--cyan-rgb),.4);box-shadow:0 8px 24px rgba(var(--shadow-rgb),.45);cursor:pointer;opacity:0;transform:translateY(14px) scale(.9);pointer-events:none;transition:opacity .25s ease,transform .25s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease}.scroll-top.show{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.scroll-top:hover{color:var(--mint);border-color:var(--cyan);transform:translateY(-2px);box-shadow:0 10px 28px rgba(var(--shadow-rgb),.5),0 0 18px rgba(var(--cyan-rgb),.25)}.scroll-top:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.scroll-top svg{display:block}@media(max-width:1100px){.scroll-top{right:16px;bottom:16px;width:42px;height:42px}}@media(prefers-reduced-motion:reduce){.scroll-top{transition:opacity .2s ease;transform:none}.scroll-top.show,.scroll-top:hover{transform:none}}:root{--bg-primary: var(--navy-900);--bg-secondary: var(--navy-800);--bg-tertiary: var(--navy-700);--text-primary: var(--mint);--text-secondary: var(--mint-dim);--text-muted: var(--mint-fade);--primary: var(--cyan);--primary-hover: var(--cyan-2);--primary-light: rgba(var(--cyan-rgb), .12);--accent-purple: var(--purple);--accent-yellow: var(--warn);--accent-red: var(--bad);--border: var(--mint-bord);--error: var(--bad);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--container-width: 1200px}a{text-decoration:none;color:inherit;transition:color .2s ease}button{font-family:inherit}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:600;color:var(--mint);font-family:Space Grotesk,system-ui,sans-serif;margin:0 0 .75rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{margin:0 0 1rem;color:var(--mint-dim)}ul{padding:0;margin:0;list-style:none}input[type=text],input[type=search]{background:var(--navy-800);color:var(--mint);border:1px solid var(--mint-bord);font-family:inherit}input::placeholder{color:var(--mint-fade)}input:focus{outline:none;border-color:var(--cyan)}.shell-content{display:flex;flex-direction:column;min-height:100vh;min-width:0}.shell-content>.main{flex:1}.container{max-width:var(--container-width);margin:0 auto;padding:0 1.5rem}.main>.container{max-width:none;padding:0}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.grid-patterns{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.ref-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.ref-icon{flex:0 0 auto;width:46px;height:46px;display:grid;place-items:center;font-size:1.5rem;border-radius:12px;background:rgba(var(--cyan-rgb),.1);border:1px solid rgba(var(--cyan-rgb),.22)}@media(max-width:720px){.ref-grid{grid-template-columns:1fr}}.card{background-color:var(--navy-800);border:1px solid var(--mint-bord);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);color:var(--mint-dim);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;content-visibility:auto;contain-intrinsic-size:auto 320px}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:rgba(var(--cyan-rgb),.3)}.card h1,.card h2,.card h3,.card h4{color:var(--mint)}.term-pattern-link{align-self:flex-start;display:inline-flex;align-items:center;gap:.4rem;margin-top:.25rem;padding:.35rem .75rem;font-size:.85rem;font-weight:600;color:var(--cyan);background:rgba(var(--cyan-rgb),.08);border:1px solid var(--mint-bord);border-radius:var(--radius-md);text-decoration:none;transition:background .2s ease,border-color .2s ease,transform .2s ease}.term-pattern-link:hover{background:rgba(var(--cyan-rgb),.16);border-color:rgba(var(--cyan-rgb),.4);transform:translate(3px)}.term-card-actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:.6rem;margin-top:.25rem}.term-card-actions .term-expand-btn,.term-card-actions .term-pattern-link{align-self:stretch;margin-top:0}.term-details-wrap[hidden]{margin-top:-.5rem}.term-expand-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.85rem;font-weight:600;font-family:inherit;color:var(--mint);background:rgba(var(--ok-rgb),.08);border:1px solid var(--mint-bord);border-radius:var(--radius-md);cursor:pointer;transition:background .2s ease,border-color .2s ease}.term-expand-btn:hover{background:rgba(var(--ok-rgb),.16);border-color:rgba(var(--ok-rgb),.4)}.term-expand-caret{transition:transform .2s ease;font-size:.75rem}.term-expand-caret.open{transform:rotate(180deg)}.term-details{display:grid;gap:1.25rem;margin:.5rem 0 .75rem;padding-top:1rem;border-top:1px solid var(--mint-bord);animation:term-details-in .25s ease}@keyframes term-details-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.term-details-para{color:var(--mint-dim);line-height:1.75;margin:0}.term-details-block h4{color:var(--cyan);font-size:1rem;margin:0 0 .6rem}.term-details-list{margin:0;padding-left:1.2rem;color:var(--mint-dim)}.term-details-list li{margin-bottom:.45rem;line-height:1.6}.term-table-wrap{overflow-x:auto;border:1px solid var(--mint-bord);border-radius:10px}.term-table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:460px}.term-table th,.term-table td{text-align:left;padding:.6rem .85rem;border-bottom:1px solid var(--mint-bord);vertical-align:top;line-height:1.55}.term-table thead th{background:var(--navy-900);color:var(--mint-fade);font-weight:600;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase}.term-table tbody th[scope=row]{color:var(--cyan-2);font-weight:600;white-space:nowrap}.term-table tbody td{color:var(--mint-dim)}.term-table tbody tr:last-child th,.term-table tbody tr:last-child td{border-bottom:none}.term-table tbody tr:hover th[scope=row],.term-table tbody tr:hover td{background:rgba(var(--cyan-rgb),.05)}.term-details-note{display:flex;gap:.6rem;padding:.9rem 1rem;background:rgba(var(--warn-rgb),.06);border:1px solid rgba(var(--warn-rgb),.35);border-radius:10px}.term-details-note p{margin:0;color:var(--mint-dim);line-height:1.65;font-size:.92rem}.pg-what{margin:.2rem 0 .35rem;padding-left:1.2rem;color:var(--mint-dim)}.pg-what li{margin-bottom:.4rem;line-height:1.6;font-size:.94rem}.pg-learn{display:flex;gap:.55rem;margin:0 0 .25rem;padding:.75rem .9rem;background:rgba(var(--cyan-rgb),.07);border:1px solid rgba(var(--cyan-rgb),.3);border-radius:10px;color:var(--mint-dim);line-height:1.6;font-size:.92rem}.roadmap-progress{max-width:760px;margin:0 auto 2.5rem}.roadmap-progress-head{display:flex;justify-content:space-between;align-items:baseline;font-size:.9rem;color:var(--mint-dim);margin-bottom:.5rem}.roadmap-progress-pct{font-family:Space Grotesk,system-ui,sans-serif;font-weight:600;color:var(--cyan)}.roadmap-progress-bar{height:6px;background:var(--mint-bord);border-radius:999px;overflow:hidden}.roadmap-progress-bar>div{height:100%;background:linear-gradient(90deg,var(--cyan),var(--mint));border-radius:999px;transition:width .35s ease}.roadmap{max-width:820px;margin:0 auto}.rm-stage{display:flex;gap:1.1rem;align-items:stretch}.rm-rail{display:flex;flex-direction:column;align-items:center;width:36px;flex:0 0 auto}.rm-stage-num{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-family:Space Grotesk,system-ui,sans-serif;font-weight:600;font-size:1rem;color:var(--cyan);background:var(--navy-800);border:1px solid rgba(var(--cyan-rgb),.35)}.rm-rail-line{flex:1;width:2px;background:var(--mint-bord);margin:.4rem 0}.rm-stage-body{flex:1;min-width:0;padding-bottom:1.75rem}.rm-stage:last-child .rm-stage-body{padding-bottom:0}.rm-stage-title{font-size:1.15rem;margin:.25rem 0 .9rem;color:var(--mint)}.rm-stage-sub{font-family:IBM Plex Sans,system-ui,sans-serif;font-weight:400;font-size:.9rem;color:var(--mint-fade)}.rm-milestones{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.rm-milestone{display:flex;align-items:center;gap:.75rem;padding:.7rem .9rem;background:var(--navy-800);border:1px solid var(--mint-bord);border-radius:var(--radius-md);transition:border-color .2s ease,transform .2s ease}.rm-milestone:hover{transform:translateY(-2px);border-color:rgba(var(--cyan-rgb),.3)}.rm-milestone.current{border-color:rgba(var(--cyan-rgb),.45);box-shadow:0 0 0 1px rgba(var(--cyan-rgb),.2)}.rm-check{flex:0 0 auto;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;padding:0;cursor:pointer;color:var(--navy-900);background:transparent;border:2px solid var(--mint-bord);transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.rm-check:hover{border-color:var(--cyan)}.rm-milestone.current .rm-check{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(var(--cyan-rgb),.15)}.rm-milestone.done .rm-check{background:var(--cyan);border-color:var(--cyan)}.rm-milestone-link{flex:1;min-width:0;display:flex;align-items:center;gap:.75rem;text-decoration:none}.rm-mtitle{flex:1;min-width:0;color:var(--mint);font-size:.98rem}.rm-milestone.next .rm-mtitle{color:var(--mint-dim)}.rm-milestone.done .rm-mtitle{color:var(--mint-fade)}.rm-type{--accent: var(--cyan);--accent-rgb: 111, 209, 215;flex:0 0 auto;font-size:.72rem;font-weight:600;letter-spacing:.02em;padding:.2rem .6rem;border-radius:999px;white-space:nowrap;color:var(--accent);background:rgba(var(--accent-rgb),.1);border:1px solid rgba(var(--accent-rgb),.25)}.rm-type.term{--accent: var(--purple);--accent-rgb: var(--purple-rgb)}.rm-type.pattern{--accent: var(--cyan);--accent-rgb: var(--cyan-rgb)}.rm-type.sample{--accent: var(--ok-2);--accent-rgb: var(--ok-2-rgb)}.rm-type.course{--accent: var(--warn);--accent-rgb: var(--warn-rgb)}.rm-arrow{flex:0 0 auto;color:var(--mint-fade);font-size:1.05rem;transition:transform .2s ease,color .2s ease}.rm-milestone:hover .rm-arrow{color:var(--cyan);transform:translate(3px)}@media(max-width:600px){.rm-milestone-link{flex-wrap:wrap}.rm-mtitle{flex-basis:100%}}.roadmap-resume{margin-top:.9rem;max-width:100%;text-align:left}.roadmap-done{margin-top:.9rem;color:var(--ok-2);font-size:.95rem}.lesson-nav{margin-top:56px;padding-top:32px;border-top:1px solid var(--mint-bord)}.lesson-nav-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.85rem;color:var(--mint-fade)}.lesson-nav-crumb{color:var(--cyan);text-decoration:none;font-weight:500}.lesson-nav-crumb:hover{color:var(--cyan-2);text-decoration:underline}.lesson-nav-count{margin-left:auto}.lesson-nav-badge{padding:.15rem .55rem;border-radius:999px;font-size:.78rem;font-weight:600;color:var(--ok-2);background:rgba(var(--ok-2-rgb),.12);border:1px solid rgba(var(--ok-2-rgb),.28)}.lesson-nav-actions{display:flex;align-items:stretch;gap:1rem}.lesson-prev{display:inline-flex;align-items:center;gap:.4rem;color:var(--mint-dim);text-decoration:none;font-size:.9rem;padding:.5rem 0;transition:color .2s ease}.lesson-prev:hover{color:var(--cyan)}.lesson-next{flex-direction:column;align-items:flex-start;gap:.15rem;margin-left:auto;text-align:left;padding:.6rem 1.1rem}.lesson-nav-hint{font-size:.75rem;font-weight:500;opacity:.75}.lesson-nav-lesson{font-size:.95rem;font-weight:600}.lesson-nav-done{margin:0;color:var(--ok-2);font-size:.95rem}.lesson-nav-done a{color:var(--cyan);text-decoration:none}.lesson-nav-done a:hover{text-decoration:underline}@media(max-width:600px){.lesson-nav-actions{flex-direction:column;align-items:stretch;gap:.75rem}.lesson-next{margin-left:0;align-items:center;text-align:center}.lesson-nav-count{margin-left:0;flex-basis:100%}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:500;cursor:pointer;border:1px solid var(--mint-bord);background:transparent;color:var(--mint);font-family:inherit;transition:all .2s ease}.btn:hover{border-color:var(--cyan);background:rgba(var(--cyan-rgb),.06)}.btn-primary{background-color:var(--cyan);color:var(--navy-900);border-color:var(--cyan);font-weight:600}.btn-primary:hover{background-color:var(--cyan-2);border-color:var(--cyan-2)}.btn:focus-visible,.nav-link:focus-visible,.chapter-item:focus-visible,.card:focus-visible,.recent-more-link:focus-visible,.header-logo:focus-visible,.brand:focus-visible,.lesson-nav-crumb:focus-visible,.lesson-prev:focus-visible,.term-pattern-link:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.site-header{background-color:var(--navy-800);border-bottom:1px solid var(--mint-bord);position:sticky;top:0;z-index:100}.header-container{height:64px;display:flex;align-items:center;justify-content:space-between}.nav-list{display:flex;gap:1.25rem;list-style:none;padding:0;margin:0}.nav-link{color:var(--mint-dim);font-weight:500;font-size:14px;transition:color .2s}.nav-link:hover{color:var(--mint)}.nav-link.active{color:var(--cyan);font-weight:600}.header-logo{font-size:1.5rem;font-weight:700;color:var(--cyan);display:flex;align-items:center;gap:.5rem}.nav-toggle{display:none;background:transparent;border:1px solid var(--mint-bord);border-radius:6px;padding:8px 10px;cursor:pointer;flex-direction:column;gap:4px}.nav-toggle-bar{display:block;width:22px;height:2px;background-color:var(--mint);transition:transform .2s ease,opacity .2s ease}.nav-toggle-bar.is-open:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-toggle-bar.is-open:nth-child(2){opacity:0}.nav-toggle-bar.is-open:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@media(min-width:1100px){.site-header{display:none}}@media(max-width:1099px){.sidebar{display:none}.shell{grid-template-columns:1fr}.main{padding:24px 20px 80px}.header-container{flex-wrap:wrap;gap:1rem}.nav-list{flex-wrap:wrap;gap:.75rem 1rem}}@media(max-width:768px){body{font-size:17px;line-height:1.6}.nav-link{font-size:16px}}@media(max-width:1099px){.header-container{flex-wrap:wrap;gap:.5rem;height:auto;min-height:64px}.nav-toggle{display:flex}.nav{display:none;flex-basis:100%;order:3;background-color:var(--navy-800)}.nav.nav-open{display:block}.nav-list{flex-direction:column;align-items:stretch;gap:0;padding:.5rem 0 .75rem;border-top:1px solid var(--mint-bord);margin-top:.5rem}.nav-list li{width:100%}.nav-link{display:block;padding:.75rem .25rem;font-size:15px}}.hero3d{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4rem);align-items:center;padding:clamp(3rem,7vw,5.5rem) 0 3.5rem}.hero3d-eyebrow{display:inline-block;padding:.5rem 1rem;background:var(--primary-light);color:var(--cyan-2);border:1px solid rgba(var(--cyan-rgb),.3);border-radius:999px;font-weight:600;font-size:.82rem}.hero3d-title{font-family:Space Grotesk,system-ui,sans-serif;font-weight:700;font-size:clamp(2.3rem,4.6vw,3.6rem);line-height:1.04;letter-spacing:-.025em;margin:1.3rem 0 0;color:var(--mint)}.hero3d-grad{display:inline-block;background:var(--hero-grad);background-size:220% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:heroShimmer 9s linear infinite}@keyframes heroShimmer{to{background-position:220% center}}.hero3d-amp{display:flex;align-items:center;gap:14px;margin:.55rem 0;font-family:JetBrains Mono,monospace;font-size:.85rem;letter-spacing:.22em;text-transform:uppercase;color:var(--mint-fade)}.hero3d-amp:before,.hero3d-amp:after{content:"";height:1px;width:38px;flex:0 0 auto}.hero3d-amp:before{background:linear-gradient(90deg,transparent,var(--mint-bord))}.hero3d-amp:after{background:linear-gradient(90deg,var(--mint-bord),transparent)}.hero3d-sub{font-size:1.12rem;line-height:1.75;color:var(--mint-dim);max-width:540px;margin:1.6rem 0 0}.hero3d-cta{display:flex;gap:1rem;margin-top:2.1rem;flex-wrap:wrap}.hero3d-stage{display:flex;flex-direction:column;align-items:center;gap:.9rem;width:100%}.hero3d-cap{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mint-fade);display:inline-flex;align-items:center;gap:8px}.hero3d-cap:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:meshPulseDot 2s ease-in-out infinite}@keyframes meshPulseDot{0%,to{opacity:1}50%{opacity:.3}}.mesh-scene{position:relative;width:100%;max-width:560px;aspect-ratio:560 / 400;perspective:1250px;perspective-origin:50% 42%;overflow:hidden}.mesh-glow{position:absolute;inset:6% 4%;background:radial-gradient(circle at 50% 46%,rgba(var(--cyan-rgb),.2),transparent 62%),radial-gradient(circle at 30% 80%,rgba(var(--purple-rgb),.12),transparent 60%);filter:blur(16px);pointer-events:none;animation:meshGlow 7s ease-in-out infinite}@keyframes meshGlow{0%,to{opacity:.7}50%{opacity:1}}.mesh-tilt{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .3s ease-out}.mesh-spin{position:absolute;inset:0;transform-style:preserve-3d;animation:meshSpin 26s ease-in-out infinite}@keyframes meshSpin{0%,to{transform:rotateY(-14deg)}50%{transform:rotateY(14deg)}}.mesh-panel{position:absolute;left:0;right:0;top:50%;aspect-ratio:560 / 380;transform-style:preserve-3d;transform:translateY(-50%) rotateX(15deg)}.mesh-grid{position:absolute;inset:-8%;background-image:linear-gradient(rgba(var(--cyan-rgb),.1) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--cyan-rgb),.1) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,#000 35%,transparent 74%);mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,#000 35%,transparent 74%);transform:translateZ(-12px)}.mesh-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.mesh-link-base{stroke:rgba(var(--mint-rgb),.1);stroke-width:1.2;fill:none}.mesh-link-flow{stroke-width:1.7;fill:none;stroke-linecap:round;animation:meshFlow 2.2s linear infinite}.mesh-link-flow.sync{stroke:var(--cyan);stroke-dasharray:3 9;filter:drop-shadow(0 0 3px rgba(var(--cyan-rgb),.7))}.mesh-link-flow.async{stroke:var(--accent-purple);stroke-dasharray:2 10;filter:drop-shadow(0 0 3px rgba(var(--purple-rgb),.7))}@keyframes meshFlow{to{stroke-dashoffset:-120}}.mesh-node{position:absolute;transform-style:preserve-3d;transform:translate(-50%,-50%) translateZ(var(--z, 16px))}.mesh-bob{transform-style:preserve-3d;animation:meshBob 5s ease-in-out infinite}@keyframes meshBob{0%,to{transform:translateZ(0)}50%{transform:translateZ(10px)}}.mesh-chip{position:relative;display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;background:rgba(var(--navy-800-rgb),.85);border:1px solid var(--mint-bord);box-shadow:0 8px 20px rgba(var(--shadow-rgb),.5);white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:10.5px;letter-spacing:.02em;color:var(--mint-dim);cursor:default;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,color .2s ease}.mesh-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto;background:var(--c, var(--cyan));color:var(--c, var(--cyan));box-shadow:0 0 9px currentColor}.mesh-chip.k-gateway{--c: var(--cyan);font-size:11.5px;padding:7px 13px;color:var(--cyan-2);border-color:rgba(var(--cyan-rgb),.55);box-shadow:0 0 0 1px rgba(var(--cyan-rgb),.22),0 10px 24px rgba(var(--shadow-rgb),.55),0 0 24px rgba(var(--cyan-rgb),.28)}.mesh-chip.k-client{--c: var(--cyan-2);border-color:rgba(var(--cyan-2-rgb),.5)}.mesh-chip.k-service{--c: var(--steel-2);border-color:rgba(var(--steel-2-rgb),.5)}.mesh-chip.k-db{--c: var(--mesh-db);border-color:rgba(var(--mesh-db-rgb),.45)}.mesh-chip.k-broker{--c: var(--accent-purple);border-color:rgba(var(--purple-rgb),.5);color:var(--purple-2)}.mesh-chip.k-gateway:before{content:"";position:absolute;inset:-5px;border-radius:999px;border:1px solid rgba(var(--cyan-rgb),.45);animation:meshRing 2.8s ease-out infinite}@keyframes meshRing{0%{transform:scale(.92);opacity:.7}to{transform:scale(1.3);opacity:0}}.mesh-node:hover{z-index:10}.mesh-node:hover .mesh-bob{animation-play-state:paused}.mesh-node:hover .mesh-chip{transform:scale(1.1);color:var(--mint);border-color:var(--c, var(--cyan));box-shadow:0 0 0 1px var(--c, var(--cyan)),0 12px 28px rgba(var(--shadow-rgb),.6),0 0 26px var(--c, var(--cyan))}.mesh-particle{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);animation:meshFloat 6s ease-in-out infinite}.mesh-legend{position:absolute;right:0;bottom:0;display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;color:var(--mint-fade);font-size:11px}.mesh-legend span{display:inline-flex;align-items:center;gap:5px}.mesh-legend-swatch{width:18px;height:2px;display:inline-block;background:var(--cyan)}.mesh-legend-swatch.async{background:var(--purple);background-image:linear-gradient(90deg,var(--purple) 50%,transparent 50%);background-size:6px 2px}@keyframes meshFloat{0%,to{transform:translateZ(var(--pz, 40px)) translateY(0);opacity:.25}50%{transform:translateZ(var(--pz, 40px)) translateY(-14px);opacity:.7}}.courses{margin:5.5rem 0 1.5rem}.courses-head{text-align:center;max-width:660px;margin:0 auto 2.6rem}.courses-eyebrow{display:inline-block;padding:.4rem .95rem;background:var(--primary-light);color:var(--cyan-2);border:1px solid rgba(var(--cyan-rgb),.3);border-radius:999px;font-family:JetBrains Mono,monospace;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}.courses-head h2{margin:1rem 0 .6rem;font-size:clamp(1.8rem,3.4vw,2.4rem)}.courses-head p{color:var(--mint-dim);font-size:1.05rem;margin:0}.course-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.course-card{position:relative;display:flex;flex-direction:column;gap:1rem;padding:1.85rem;border-radius:18px;background:var(--panel-grad);border:1px solid var(--mint-bord);overflow:hidden;color:var(--mint-dim);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.course-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--cyan),transparent 75%)}.course-card:after{content:"";position:absolute;top:-40px;right:-40px;width:170px;height:170px;border-radius:50%;pointer-events:none}.course-card:hover{transform:translateY(-5px);border-color:rgba(var(--cyan-rgb),.45);box-shadow:0 20px 44px rgba(var(--shadow-rgb),.5)}.course-card.alt:before{background:linear-gradient(90deg,var(--accent-purple),transparent 75%)}.course-card.alt:hover{border-color:rgba(var(--purple-rgb),.45)}.course-badge{position:absolute;top:16px;right:16px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:rgba(var(--purple-rgb),.14);color:var(--purple-2);border:1px solid rgba(var(--purple-rgb),.4)}.course-icon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;font-size:27px;line-height:1;background:linear-gradient(150deg,rgba(var(--cyan-rgb),.2),rgba(var(--cyan-rgb),.04));border:1px solid rgba(var(--cyan-rgb),.3)}.course-card.alt .course-icon{background:linear-gradient(150deg,rgba(var(--purple-rgb),.2),rgba(var(--purple-rgb),.04));border-color:rgba(var(--purple-rgb),.3)}.course-title{font-family:Space Grotesk,system-ui,sans-serif;font-size:1.4rem;font-weight:700;color:var(--mint);margin:0;letter-spacing:-.01em}.course-kicker{font-family:JetBrains Mono,monospace;font-size:.78rem;color:var(--cyan);letter-spacing:.04em;margin:3px 0 0}.course-card.alt .course-kicker{color:var(--purple-2)}.course-desc{font-size:.96rem;line-height:1.65;color:var(--mint-dim);margin:0}.course-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.course-chip{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--mint-dim);background:var(--navy-900);border:1px solid var(--mint-bord);padding:4px 9px;border-radius:6px}.course-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.4rem;margin-top:.4rem}.course-cta{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--cyan);transition:gap .2s ease}.course-card.alt .course-cta{color:var(--purple-2)}.course-card:hover .course-cta{gap:13px}.course-cta-main:after{content:"";position:absolute;inset:0;z-index:1}.course-cta-extra{position:relative;z-index:2}.compare{margin:4.5rem 0}.compare-head{text-align:center;max-width:660px;margin:0 auto 2.6rem}.compare-eyebrow{display:inline-block;padding:.4rem .95rem;background:var(--primary-light);color:var(--cyan-2);border:1px solid rgba(var(--cyan-rgb),.3);border-radius:999px;font-family:JetBrains Mono,monospace;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}.compare-head h2{margin:1rem 0 .6rem;font-size:clamp(1.8rem,3.4vw,2.4rem)}.compare-head p{color:var(--mint-dim);font-size:1.05rem;margin:0}.compare-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.compare-card{position:relative;display:flex;flex-direction:column;gap:1.25rem;padding:1.85rem;border-radius:18px;background:var(--panel-grad);border:1px solid var(--mint-bord);overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.compare-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--cyan),transparent 75%)}.compare-card:after{content:"";position:absolute;top:-40px;right:-40px;width:170px;height:170px;border-radius:50%;pointer-events:none}.compare-card:hover{transform:translateY(-5px);border-color:rgba(var(--cyan-rgb),.45);box-shadow:0 20px 44px rgba(var(--shadow-rgb),.5)}.compare-card.warn:before{background:linear-gradient(90deg,var(--warn),transparent 75%)}.compare-card.warn:hover{border-color:rgba(var(--warn-rgb),.45)}.compare-card-head{display:flex;align-items:center;gap:1rem}.compare-icon{width:54px;height:54px;border-radius:15px;flex:0 0 auto;display:grid;place-items:center;font-size:27px;line-height:1;background:linear-gradient(150deg,rgba(var(--cyan-rgb),.2),rgba(var(--cyan-rgb),.04));border:1px solid rgba(var(--cyan-rgb),.3)}.compare-card.warn .compare-icon{background:linear-gradient(150deg,rgba(var(--warn-rgb),.2),rgba(var(--warn-rgb),.04));border-color:rgba(var(--warn-rgb),.3)}.compare-title{font-family:Space Grotesk,system-ui,sans-serif;font-size:1.3rem;font-weight:700;color:var(--mint);margin:0;letter-spacing:-.01em}.compare-kicker{font-family:JetBrains Mono,monospace;font-size:.78rem;letter-spacing:.04em;color:var(--cyan);margin:3px 0 0}.compare-card.warn .compare-kicker{color:var(--warn)}.compare-list{list-style:none;display:flex;flex-direction:column;gap:.9rem;margin:0;padding:0}.compare-item{display:flex;gap:.85rem;align-items:flex-start;font-size:.96rem;line-height:1.6;color:var(--mint-dim)}.compare-item strong{color:var(--mint);font-weight:600}.compare-mark{width:24px;height:24px;border-radius:50%;flex:0 0 auto;margin-top:1px;display:grid;place-items:center;font-size:13px;font-weight:700;font-family:JetBrains Mono,monospace;background:rgba(var(--cyan-rgb),.12);color:var(--cyan);border:1px solid rgba(var(--cyan-rgb),.3)}.compare-card.warn .compare-mark{background:rgba(var(--warn-rgb),.12);color:var(--warn);border-color:rgba(var(--warn-rgb),.35)}@media(max-width:980px){.hero3d{grid-template-columns:1fr;text-align:center;gap:2.2rem}.hero3d-amp{justify-content:center}.hero3d-sub{margin-left:auto;margin-right:auto}.hero3d-cta{justify-content:center}}@media(max-width:760px){.course-grid,.compare-grid{grid-template-columns:1fr}}@media(max-width:560px){.hero3d{padding-top:2rem;gap:1.5rem}.hero3d-sub{margin-top:1.1rem}.hero3d-cta{margin-top:1.5rem}.hero3d-stage{gap:.5rem}.mesh-scene{aspect-ratio:560 / 300}.mesh-chip{font-size:9.5px;padding:5px 9px}.mesh-chip.k-gateway{font-size:10px;padding:6px 11px}}@media(prefers-reduced-motion:reduce){.hero3d-grad,.mesh-glow,.mesh-spin,.mesh-bob,.mesh-link-flow,.mesh-particle,.mesh-chip.k-gateway:before,.hero3d-cap:before{animation:none!important}.hero3d-grad{background-position:0 center}}.about-head{text-align:center;max-width:680px;margin:0 auto 2.8rem}.about-eyebrow{display:inline-block;padding:.4rem .95rem;background:var(--primary-light);color:var(--cyan-2);border:1px solid rgba(var(--cyan-rgb),.3);border-radius:999px;font-family:JetBrains Mono,monospace;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}.about-head h1{margin:.9rem 0 .7rem;font-size:clamp(2rem,4vw,2.8rem)}.about-lead{color:var(--mint-dim);font-size:1.12rem;line-height:1.7;max-width:600px;margin:0 auto}.about-lead strong{color:var(--mint)}.about-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.about-subhead{text-align:center;margin:3.5rem 0 2rem}.about-subhead h2{font-size:clamp(1.5rem,3vw,2rem);margin:.8rem 0 .5rem}.about-subhead p{color:var(--mint-dim);margin:0;font-size:1.02rem}.link-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.link-card{--accent: var(--cyan);--accent-rgb: var(--cyan-rgb);position:relative;display:flex;align-items:center;gap:1rem;padding:1.15rem 1.3rem;border-radius:14px;background:var(--panel-grad);border:1px solid var(--mint-bord);overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.link-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),transparent 75%)}.link-card:after{content:"";position:absolute;top:-30px;right:-30px;width:120px;height:120px;border-radius:50%;pointer-events:none}.link-card:hover{transform:translateY(-4px);border-color:rgba(var(--accent-rgb),.5);box-shadow:0 16px 36px rgba(var(--shadow-rgb),.5)}.link-card.youtube{--accent: var(--brand-youtube);--accent-rgb: var(--brand-youtube-rgb)}.link-card.github{--accent: var(--purple);--accent-rgb: var(--purple-rgb)}.link-card.facebook{--accent: var(--brand-facebook);--accent-rgb: var(--brand-facebook-rgb)}.link-icon{width:46px;height:46px;border-radius:12px;flex:0 0 auto;display:grid;place-items:center;color:var(--accent);background:linear-gradient(150deg,rgba(var(--accent-rgb),.2),rgba(var(--accent-rgb),.05));border:1px solid rgba(var(--accent-rgb),.3)}.link-icon svg{width:22px;height:22px;display:block}.link-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.link-title{font-family:Space Grotesk,system-ui,sans-serif;font-weight:600;font-size:1.05rem;color:var(--mint)}.link-handle{font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-arrow{flex:0 0 auto;color:var(--mint-fade);font-size:1.1rem;transition:transform .2s ease,color .2s ease}.link-card:hover .link-arrow{color:var(--accent);transform:translate(2px,-2px)}@media(max-width:760px){.about-grid,.link-grid{grid-template-columns:1fr}}.recent{margin:5.5rem 0 1.5rem}.recent-head{text-align:center;max-width:660px;margin:0 auto 2.6rem}.recent-eyebrow{display:inline-block;padding:.4rem .95rem;background:var(--primary-light);color:var(--cyan-2);border:1px solid rgba(var(--cyan-rgb),.3);border-radius:999px;font-family:JetBrains Mono,monospace;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}.recent-head h2{margin:1rem 0 .6rem;font-size:clamp(1.8rem,3.4vw,2.4rem)}.recent-head p{color:var(--mint-dim);font-size:1.05rem;margin:0}.recent-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.recent-more{text-align:center;margin-top:1.8rem}.recent-more-link{font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:600;color:var(--cyan);text-decoration:none}.recent-more-link:hover{text-decoration:underline}.article-points{list-style:disc;display:flex;flex-direction:column;gap:1rem;margin:0;padding-left:1.35rem}.article-points li{line-height:1.75;color:var(--text-secondary)}.article-points li::marker{color:var(--cyan)}.article-points strong{color:var(--mint);font-weight:600}.article-point-link{color:var(--mint);font-weight:600;text-decoration:none;border-bottom:1px dashed rgba(var(--mint-rgb),.45);transition:color .15s,border-color .15s}.article-point-link:hover,.article-point-link:focus-visible{color:var(--cyan-2);border-bottom-color:var(--cyan)}.article-related{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.article-related h3{margin:0 0 .9rem;display:flex;align-items:center;gap:.5rem}.article-related-chips{display:flex;flex-wrap:wrap;gap:.6rem}.tip-card{--accent: var(--warn);--accent-rgb: var(--warn-rgb);position:relative;display:flex;gap:1.25rem;align-items:flex-start;margin-top:1.5rem;padding:1.75rem;border-radius:18px;background:var(--panel-grad);border:1px solid var(--mint-bord);overflow:hidden}.tip-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),transparent 75%)}.tip-card:after{content:"";position:absolute;top:-40px;right:-40px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb),.16),transparent 70%);pointer-events:none}.tip-icon{width:54px;height:54px;border-radius:15px;flex:0 0 auto;display:grid;place-items:center;font-size:26px;line-height:1;background:linear-gradient(150deg,rgba(var(--accent-rgb),.2),rgba(var(--accent-rgb),.05));border:1px solid rgba(var(--accent-rgb),.3)}.tip-body{flex:1;min-width:0}.tip-link{display:inline-flex;margin-top:.75rem}.tip-kicker{display:block;font-family:JetBrains Mono,monospace;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:.4rem}.tip-text{margin:0;font-size:1.05rem;line-height:1.7;color:var(--mint)}.tip-card.tip-loading .tip-text{color:var(--mint-fade)}.video-thumb{--accent: var(--brand-youtube);--accent-rgb: var(--brand-youtube-rgb);position:relative;display:flex;flex-direction:column;border-radius:12px;overflow:hidden;border:1px solid var(--mint-bord);background:var(--navy-900);text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.video-thumb:hover{transform:translateY(-4px);border-color:rgba(var(--accent-rgb),.6);box-shadow:0 16px 36px rgba(var(--shadow-rgb),.5)}.video-thumb-media{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--navy-800)}.video-thumb-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease,filter .3s ease}.video-thumb:hover .video-thumb-media img{transform:scale(1.05);filter:brightness(.7)}.video-thumb-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:48px;border-radius:14px;background:#121212c7;display:grid;place-items:center;transition:background .2s ease,transform .2s ease}.video-thumb:hover .video-thumb-play{background:var(--accent);transform:translate(-50%,-50%) scale(1.08)}.video-thumb-play svg{width:26px;height:26px;fill:#fff;display:block}.video-thumb-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1rem;font-family:Space Grotesk,system-ui,sans-serif;font-weight:600;font-size:.92rem;color:var(--mint);background:linear-gradient(150deg,rgba(var(--accent-rgb),.16),rgba(var(--accent-rgb),.04));border-top:1px solid rgba(var(--accent-rgb),.25);transition:color .2s ease,background .2s ease}.video-thumb:hover .video-thumb-btn{color:var(--text-strong);background:linear-gradient(150deg,rgba(var(--accent-rgb),.3),rgba(var(--accent-rgb),.1))}.video-thumb-btn svg{width:20px;height:20px;flex:0 0 auto}.discussions{margin-top:64px;padding-top:36px;border-top:1px solid var(--mint-bord)}.discussions-title{font-size:1.4rem;font-weight:600;color:var(--mint);margin:0 0 1.25rem}@media(max-width:768px){.discussions{margin-top:44px;padding-top:28px}}.sim-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.55rem 1.15rem;margin-bottom:1.1rem;padding:.7rem .95rem;background:var(--navy-800);border:1px solid var(--mint-bord);border-radius:14px}@media(min-width:1100px){.sim-toolbar{position:sticky;top:0;z-index:20;box-shadow:var(--shadow-md)}}.sim-tb-actions{display:flex;flex-wrap:wrap;gap:.45rem}.sim-tb-actions .btn{padding:.4rem .85rem;font-size:.85rem}.sim-tb-actions .btn:disabled{opacity:.35;cursor:not-allowed}.sim-tb-actions .btn:disabled:hover{border-color:rgba(var(--mint-rgb),.2);background:transparent}.sim-tb-group{display:flex;flex-direction:column;gap:.3rem;margin:0;padding:0;border:0;min-inline-size:0}.sim-tb-label{padding:0;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--mint-fade)}.sim-tb-pills{display:flex;flex-wrap:wrap;gap:5px}.sim-choice-opt{position:relative;display:inline-flex;align-items:center;padding:.26rem .62rem;border-radius:999px;border:1px solid var(--mint-bord);background:rgba(var(--mint-rgb),.04);color:var(--mint-fade);font-size:11.5px;font-weight:600;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.sim-choice-opt input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.sim-choice-opt:hover{color:var(--mint);border-color:rgba(var(--cyan-rgb),.4)}.sim-choice-opt.on{color:var(--cyan-2);border-color:var(--cyan);background:rgba(var(--cyan-rgb),.12)}.sim-choice-opt input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:4px}.sim-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.cbs-head{text-align:center;max-width:760px;margin:0 auto 2.2rem}.cbs-head h1{margin:0;font-size:clamp(1.9rem,4vw,2.6rem)}.cbs-stage-card{background:var(--panel-grad);border:1px solid var(--mint-bord);border-radius:18px;padding:1.25rem 1.25rem 1.1rem;box-shadow:var(--shadow-md)}.cbs-stage-head{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.9rem}.cbs-pill{--accent: var(--cyan);--accent-rgb: var(--cyan-rgb);display:inline-flex;align-items:center;padding:.28rem .72rem;border-radius:999px;border:1px solid rgba(var(--accent-rgb),.4);background:rgba(var(--accent-rgb),.1);color:var(--accent);font-size:12px;font-weight:600}.cbs-pill.ok{--accent: var(--ok);--accent-rgb: var(--ok-rgb)}.cbs-pill.bad{--accent: var(--bad);--accent-rgb: var(--bad-rgb)}.cbs-pill.half{--accent: var(--warn);--accent-rgb: var(--warn-rgb)}.cbs-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.cbs-svg{width:100%;height:auto;display:block}.cbs-wire-lab{fill:var(--mint-fade);font-family:JetBrains Mono,monospace;font-size:9.5px}.cbs-state-name{font-family:Space Grotesk,system-ui,sans-serif;font-size:15px;font-weight:700;letter-spacing:.08em}.cbs-cut{stroke:var(--bad);stroke-width:1.6;stroke-dasharray:5 4;opacity:.65;fill:none}@keyframes cbsFly{0%{transform:translate(var(--from))}to{transform:translate(var(--to))}}.cbs-packet{animation-name:cbsFly;animation-timing-function:linear;animation-fill-mode:both;fill:var(--cyan)}.cbs-packet.req{fill:var(--cyan);filter:drop-shadow(0 0 4px rgba(var(--cyan-rgb),var(--packet-glow-a)))}.cbs-packet.ok{fill:var(--ok);filter:drop-shadow(0 0 4px rgba(var(--ok-rgb),var(--packet-glow-a)))}.cbs-packet.fail{fill:var(--bad);filter:drop-shadow(0 0 4px rgba(var(--bad-rgb),var(--packet-glow-a)))}.cbs-packet.blocked{fill:var(--warn);filter:drop-shadow(0 0 4px rgba(var(--warn-rgb),var(--packet-glow-a)))}.cbs-packet.probe{stroke:var(--mint);stroke-width:1.4;stroke-dasharray:3 2}.cbs-legend{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;margin:.4rem 0 .2rem;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--mint-fade)}.cbs-legend span{display:inline-flex;align-items:center;gap:6px}.cbs-swatch{width:9px;height:9px;border-radius:50%;display:inline-block;background:var(--cyan)}.cbs-swatch.ok{background:var(--ok)}.cbs-swatch.fail{background:var(--bad)}.cbs-swatch.blocked{background:var(--warn)}.cbs-window{margin-top:.9rem;padding-top:.9rem;border-top:1px solid var(--mint-bord)}.cbs-window-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem}.cbs-window-title{font-size:13px;font-weight:600;color:var(--mint)}.cbs-window-meta{font-size:12px;color:var(--mint-fade)}.cbs-cells{display:flex;gap:5px;margin:.6rem 0 .55rem}.cbs-cell{flex:1 1 0;min-width:0;height:12px;border-radius:3px;background:rgba(var(--mint-rgb),.07);border:1px solid var(--mint-bord);transition:background .2s ease}.cbs-cell.ok{background:var(--ok);border-color:var(--ok)}.cbs-cell.fail{background:var(--bad);border-color:var(--bad)}.cbs-window-note{margin:0;font-size:12.5px;color:var(--mint-fade);line-height:1.55}.cbs-stats{margin:1.1rem 0 1.25rem}.cbs-panels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.1rem}.cbs-panel{background:var(--navy-800);border:1px solid var(--mint-bord);border-radius:14px;padding:1.1rem 1.2rem 1.25rem}.cbs-panel-title{margin:0 0 1rem;font-size:.95rem;letter-spacing:.06em;text-transform:uppercase;color:var(--cyan-2)}.cbs-ctrl{display:block;margin-bottom:1.15rem}.cbs-ctrl-head{display:flex;justify-content:space-between;gap:.5rem;font-size:13.5px;color:var(--mint)}.cbs-ctrl-val{color:var(--cyan);font-weight:700}.cbs-range{width:100%;margin:.5rem 0 .35rem;accent-color:var(--cyan);background:transparent}.cbs-range:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.cbs-ctrl-note{display:block;font-size:12px;color:var(--mint-fade);line-height:1.5}.btn.cbs-active{border-color:var(--cyan);background:rgba(var(--cyan-rgb),.12);color:var(--cyan-2)}.btn.cbs-danger{border-color:rgba(var(--bad-rgb),.45);color:var(--bad)}.btn.cbs-danger:hover:not(:disabled){border-color:var(--bad);background:rgba(var(--bad-rgb),.1)}.btn.cbs-recover{border-color:rgba(var(--ok-rgb),.45);color:var(--ok)}.btn.cbs-recover:hover:not(:disabled){border-color:var(--ok);background:rgba(var(--ok-rgb),.1)}.btn.cbs-reset{color:var(--mint-fade)}.cbs-log-empty{margin:0;font-size:13.5px;color:var(--mint-fade);line-height:1.6}.cbs-log-empty strong{color:var(--mint)}.cbs-log-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;max-height:296px;overflow-y:auto}.cbs-log-row{display:grid;grid-template-columns:46px 1fr;gap:8px;align-items:baseline;padding:4px 7px;border-radius:6px;border-left:2px solid transparent;font-size:12.5px}.cbs-log-time{color:var(--mint-fade);font-size:11px}.cbs-log-text{color:var(--mint-dim)}.cbs-log-row.ok{border-left-color:var(--ok)}.cbs-log-row.fail{border-left-color:var(--bad)}.cbs-log-row.blocked{border-left-color:var(--warn)}.cbs-log-row.state{border-left-color:var(--cyan);background:rgba(var(--cyan-rgb),.07)}.cbs-log-row.state .cbs-log-text{color:var(--cyan-2);font-weight:600}.cbs-guide{display:grid;grid-template-columns:minmax(0,1fr);gap:1.1rem;margin:1.5rem 0 1rem}.cbs-guide .callout-title{font-size:1.05rem}.cbs-guide .callout-list strong{color:var(--mint);font-weight:600}.cbs-more{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin:1.5rem 0 .5rem}@media(max-width:720px){.cbs-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:860px){.cbs-panels{grid-template-columns:1fr}}@media(max-width:640px){.cbs-stage-scroll{overflow-x:auto}.cbs-svg{min-width:540px}.cbs-stage-card{padding:1rem .9rem}}@media(prefers-reduced-motion:reduce){.cbs-packet{display:none}.cbs-stage-card .pulse{animation:none}.cbs-cell{transition:none}}.sgs-head{text-align:center;max-width:800px;margin:0 auto 2rem}.sgs-head h1{margin:0 0 .7rem;font-size:clamp(1.9rem,4vw,2.6rem)}.sgs-sub{margin:0;font-size:.95rem;color:var(--mint-dim);line-height:1.7}.sgs-sub code{font-family:JetBrains Mono,monospace;font-size:.85em;color:var(--cyan-2)}.sgs-stage-card{background:var(--panel-grad);border:1px solid var(--mint-bord);border-radius:18px;padding:1.25rem 1.25rem 1.1rem;box-shadow:var(--shadow-md)}.sgs-stage-head{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.9rem}.sgs-pill{--accent: var(--cyan);--accent-rgb: var(--cyan-rgb);display:inline-flex;align-items:center;padding:.28rem .72rem;border-radius:999px;border:1px solid rgba(var(--accent-rgb),.4);background:rgba(var(--accent-rgb),.1);color:var(--accent);font-size:12px;font-weight:600}.sgs-pill.ok{--accent: var(--ok);--accent-rgb: var(--ok-rgb)}.sgs-pill.bad{--accent: var(--bad);--accent-rgb: var(--bad-rgb)}.sgs-pill.half{--accent: var(--warn);--accent-rgb: var(--warn-rgb)}.sgs-pill.comp{--accent: var(--purple);--accent-rgb: var(--purple-rgb)}.sgs-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sgs-svg,.sgs-track-svg{width:100%;height:auto;display:block}.sgs-wire-lab,.sgs-edge-lab,.sgs-corr,.sgs-hold{fill:var(--mint-fade);font-family:JetBrains Mono,monospace}.sgs-wire-lab{font-size:9.5px}.sgs-edge-lab{font-size:8.5px}.sgs-corr{font-size:9px}.sgs-hold{font-size:9.5px}.sgs-state-name{font-family:Space Grotesk,system-ui,sans-serif;font-size:14px;font-weight:700;letter-spacing:.06em}.sgs-state-lab{font-family:Space Grotesk,system-ui,sans-serif;font-size:10px;font-weight:600;letter-spacing:.02em}.sgs-state-lab.current{font-weight:700}@keyframes sgsFly{0%{transform:translate(var(--fx),var(--fy))}to{transform:translate(var(--tx),var(--ty))}}.sgs-packet{animation-name:sgsFly;animation-timing-function:linear;animation-fill-mode:both;fill:var(--cyan)}.sgs-packet.cmd{fill:var(--cyan);filter:drop-shadow(0 0 4px rgba(var(--cyan-rgb),var(--packet-glow-a)))}.sgs-packet.ok{fill:var(--ok);filter:drop-shadow(0 0 4px rgba(var(--ok-rgb),var(--packet-glow-a)))}.sgs-packet.fail{fill:var(--bad);filter:drop-shadow(0 0 4px rgba(var(--bad-rgb),var(--packet-glow-a)))}.sgs-packet.comp{fill:var(--purple);stroke:var(--purple-2);stroke-width:1.4;stroke-dasharray:3 2;filter:drop-shadow(0 0 4px rgba(var(--purple-rgb),var(--packet-glow-a)))}.sgs-legend{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;margin:.4rem 0 .2rem;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--mint-fade)}.sgs-legend span{display:inline-flex;align-items:center;gap:6px}.sgs-swatch{width:9px;height:9px;border-radius:50%;display:inline-block;background:var(--cyan)}.sgs-swatch.ok{background:var(--ok)}.sgs-swatch.fail{background:var(--bad)}.sgs-swatch.comp{background:var(--purple)}.sgs-track{margin-top:.9rem;padding-top:.9rem;border-top:1px solid var(--mint-bord)}.sgs-track-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem}.sgs-track-title{font-size:13px;font-weight:600;color:var(--mint)}.sgs-track-meta{font-size:12px;color:var(--mint-fade)}.sgs-track-note{margin:.5rem 0 0;font-size:12.5px;color:var(--mint-fade);line-height:1.6}.sgs-track-note code{font-family:JetBrains Mono,monospace;font-size:.88em;color:var(--cyan-2)}.sgs-stats{margin:1.1rem 0 1rem}.sgs-history{background:var(--navy-800);border:1px solid var(--mint-bord);border-radius:14px;padding:.85rem 1.1rem 1rem;margin-bottom:1.1rem}.sgs-cells{display:flex;gap:5px;margin-top:.6rem}.sgs-cell{flex:1 1 0;min-width:0;height:12px;border-radius:3px;background:rgba(var(--mint-rgb),.07);border:1px solid var(--mint-bord);transition:background .2s ease}.sgs-cell.ok{background:var(--ok);border-color:var(--ok)}.sgs-cell.bad{background:var(--bad);border-color:var(--bad)}.sgs-cell.stuck{background:var(--warn);border-color:var(--warn)}.sgs-panels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.1rem}.sgs-panel{background:var(--navy-800);border:1px solid var(--mint-bord);border-radius:14px;padding:1.1rem 1.2rem 1.25rem}.sgs-panel-title{margin:0 0 1rem;font-size:.95rem;letter-spacing:.06em;text-transform:uppercase;color:var(--cyan-2)}.sgs-ctrl{display:block;margin-bottom:1.15rem}.sgs-ctrl-head{display:flex;justify-content:space-between;gap:.5rem;font-size:13.5px;color:var(--mint)}.sgs-ctrl-val{color:var(--cyan);font-weight:700}.sgs-range{width:100%;margin:.5rem 0 .35rem;accent-color:var(--cyan);background:transparent}.sgs-range:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.sgs-ctrl-note{display:block;font-size:12px;color:var(--mint-fade);line-height:1.55}.sgs-ctrl-note code{font-family:JetBrains Mono,monospace;font-size:.9em;color:var(--cyan-2)}.btn.sgs-active{border-color:var(--cyan);background:rgba(var(--cyan-rgb),.12);color:var(--cyan-2)}.btn.sgs-reset{color:var(--mint-fade)}.sgs-log-empty{margin:0;font-size:13.5px;color:var(--mint-fade);line-height:1.6}.sgs-log-empty strong{color:var(--mint)}.sgs-log-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;max-height:420px;overflow-y:auto}.sgs-log-row{display:grid;grid-template-columns:42px 1fr;gap:8px;align-items:baseline;padding:4px 7px;border-radius:6px;border-left:2px solid transparent;font-size:12px}.sgs-log-time{color:var(--mint-fade);font-size:11px}.sgs-log-text{color:var(--mint-dim);font-size:11.5px;word-break:break-word}.sgs-log-row.msg{border-left-color:rgba(var(--mint-rgb),.25)}.sgs-log-row.ok{border-left-color:var(--ok)}.sgs-log-row.fail{border-left-color:var(--bad)}.sgs-log-row.comp{border-left-color:var(--purple)}.sgs-log-row.timeout{border-left-color:var(--warn)}.sgs-log-row.timeout .sgs-log-text{color:var(--warn)}.sgs-log-row.drop{border-left-color:var(--steel)}.sgs-log-row.drop .sgs-log-text{color:var(--mint-fade);text-decoration:line-through}.sgs-log-row.state{border-left-color:var(--cyan);background:rgba(var(--cyan-rgb),.07)}.sgs-log-row.state .sgs-log-text{color:var(--cyan-2);font-weight:600}.sgs-log-row.stuck{border-left-color:var(--bad);background:rgba(var(--bad-rgb),.1)}.sgs-log-row.stuck .sgs-log-text{color:var(--bad);font-weight:600}.sgs-guide{display:grid;grid-template-columns:minmax(0,1fr);gap:1.1rem;margin:1.5rem 0 1rem}.sgs-guide .callout-title{font-size:1.05rem}.sgs-guide .callout-list strong{color:var(--mint);font-weight:600}.sgs-guide .callout-list code{font-family:JetBrains Mono,monospace;font-size:.87em;color:var(--cyan-2)}.sgs-more{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin:1.5rem 0 .5rem}@media(max-width:720px){.sgs-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.sgs-panels{grid-template-columns:1fr}}@media(max-width:760px){.sgs-stage-scroll{overflow-x:auto}.sgs-svg,.sgs-track-svg{min-width:680px}.sgs-stage-card{padding:1rem .9rem}}@media(prefers-reduced-motion:reduce){.sgs-packet{display:none}.sgs-stage-card .pulse{animation:none}.sgs-cell{transition:none}}.cqs-head{text-align:center;max-width:820px;margin:0 auto 2rem}.cqs-head h1{margin:0 0 .7rem;font-size:clamp(1.9rem,4vw,2.6rem)}.cqs-sub{margin:0;font-size:.95rem;color:var(--mint-dim);line-height:1.7}.cqs-sub code{font-family:JetBrains Mono,monospace;font-size:.85em;color:var(--cyan-2)}.cqs-stage-card{background:var(--panel-grad);border:1px solid var(--mint-bord);border-radius:18px;padding:1.2rem 1.3rem 1.1rem}.cqs-stage-head{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.9rem}.cqs-pill{--accent: var(--cyan);--accent-rgb: var(--cyan-rgb);display:inline-flex;align-items:center;padding:.28rem .7rem;border-radius:999px;border:1px solid rgba(var(--accent-rgb),.45);background:rgba(var(--accent-rgb),.1);color:var(--accent);font-size:12px;font-weight:600}.cqs-pill.ok{--accent: var(--ok);--accent-rgb: var(--ok-rgb)}.cqs-pill.bad{--accent: var(--bad);--accent-rgb: var(--bad-rgb)}.cqs-pill.warn{--accent: var(--warn);--accent-rgb: var(--warn-rgb)}.cqs-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.cqs-svg{width:100%;height:auto;display:block}.cqs-wire-lab,.cqs-tiny,.cqs-note{font-family:IBM Plex Sans,sans-serif;fill:var(--mint-fade)}.cqs-wire-lab{font-size:10.5px}.cqs-tiny{font-size:9.5px}.cqs-note{font-size:11.5px}.cqs-spine{fill:none;stroke:var(--mint);stroke-opacity:.28;stroke-width:1;stroke-dasharray:3 4}.cqs-rec{fill:var(--cyan);fill-opacity:.85;stroke:var(--cyan);stroke-opacity:.5;stroke-width:1;transition:fill-opacity .25s ease}.cqs-rec.done{fill:var(--mint);fill-opacity:.14;stroke:var(--mint);stroke-opacity:.25}@keyframes cqsFly{0%{transform:translate(var(--fx),var(--fy))}to{transform:translate(var(--tx),var(--ty))}}.cqs-packet{animation-name:cqsFly;animation-timing-function:linear;animation-fill-mode:both;fill:var(--cyan)}.cqs-packet.cmd{fill:var(--cyan);filter:drop-shadow(0 0 4px rgba(var(--cyan-rgb),var(--packet-glow-a)))}.cqs-packet.ok{fill:var(--ok);filter:drop-shadow(0 0 4px rgba(var(--ok-rgb),var(--packet-glow-a)))}.cqs-packet.fail{fill:var(--bad);filter:drop-shadow(0 0 4px rgba(var(--bad-rgb),var(--packet-glow-a)))}.cqs-packet.warn{fill:var(--warn);stroke:var(--warn);stroke-width:1.4;stroke-dasharray:3 2;filter:drop-shadow(0 0 4px rgba(var(--warn-rgb),var(--packet-glow-a)))}.cqs-legend{display:flex;flex-wrap:wrap;gap:.5rem 1.1rem;margin-top:.7rem;font-size:11.5px;color:var(--mint-fade)}.cqs-legend span{display:inline-flex;align-items:center;gap:6px}.cqs-swatch{width:9px;height:9px;border-radius:50%;display:inline-block;background:var(--cyan)}.cqs-swatch.ok{background:var(--ok)}.cqs-swatch.fail{background:var(--bad)}.cqs-swatch.warn{background:var(--warn)}.cqs-track{margin-top:.9rem;padding-top:.9rem;border-top:1px solid var(--mint-bord)}.cqs-track-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.4rem}.cqs-track-title{font-size:13px;font-weight:600;color:var(--mint)}.cqs-track-meta{font-size:12px;color:var(--mint-fade)}.cqs-track-note{margin:.55rem 0 0;font-size:12.5px;color:var(--mint-fade);line-height:1.6}.cqs-cells{display:flex;gap:5px;margin-top:.6rem}.cqs-cell{flex:1 1 0;height:20px;border-radius:4px;border:1px solid var(--mint-bord);background:rgba(var(--mint-rgb),.05);transition:background .2s ease,border-color .2s ease}.cqs-cell.fresh{background:var(--ok);border-color:var(--ok)}.cqs-cell.stale{background:var(--warn);border-color:var(--warn)}.cqs-stats{margin:1.1rem 0 1.25rem}.cqs-panels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.1rem}.cqs-panel{background:var(--navy-800);border:1px solid var(--mint-bord);border-radius:16px;padding:1.1rem 1.15rem}.cqs-panel-title{margin:0 0 1rem;font-size:.95rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--mint-fade)}.cqs-ctrl{display:block;margin-bottom:1.15rem}.cqs-ctrl-head{display:flex;justify-content:space-between;gap:.5rem;font-size:13.5px;color:var(--mint)}.cqs-ctrl-val{color:var(--cyan);font-weight:700}.cqs-range{width:100%;margin:.5rem 0 .35rem;accent-color:var(--cyan);background:transparent}.cqs-range:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.cqs-ctrl-note{display:block;font-size:12px;color:var(--mint-fade);line-height:1.55}.cqs-ctrl-note strong{color:var(--mint);font-weight:600}.cqs-ctrl-note code{font-family:JetBrains Mono,monospace;font-size:.9em;color:var(--cyan-2)}.btn.cqs-active{border-color:var(--cyan);background:rgba(var(--cyan-rgb),.12);color:var(--cyan-2)}.btn.cqs-readbtn{border-color:rgba(var(--ok-rgb),.45);color:var(--ok)}.btn.cqs-readbtn:hover:not(:disabled){border-color:var(--ok);background:rgba(var(--ok-rgb),.1)}.btn.cqs-reset{color:var(--mint-fade)}.cqs-log-empty{margin:0;font-size:13.5px;color:var(--mint-fade);line-height:1.6}.cqs-log-empty strong{color:var(--mint)}.cqs-log-empty code{font-family:JetBrains Mono,monospace;font-size:.88em;color:var(--cyan-2)}.cqs-log-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:340px;overflow-y:auto}.cqs-log-row{display:flex;gap:.6rem;align-items:baseline;padding:.28rem .5rem;border-radius:7px;border-left:3px solid transparent;background:rgba(var(--mint-rgb),.04)}.cqs-log-time{color:var(--mint-fade);font-size:11px}.cqs-log-text{color:var(--mint-dim);font-size:11.5px;word-break:break-word}.cqs-log-row.msg{border-left-color:rgba(var(--mint-rgb),.25)}.cqs-log-row.ok,.cqs-log-row.read{border-left-color:var(--ok)}.cqs-log-row.read .cqs-log-text{color:var(--ok)}.cqs-log-row.fail{border-left-color:var(--bad)}.cqs-log-row.fail .cqs-log-text{color:var(--bad)}.cqs-log-row.warn{border-left-color:var(--warn)}.cqs-log-row.warn .cqs-log-text{color:var(--warn)}.cqs-log-row.stale{border-left-color:var(--warn);background:rgba(var(--warn-rgb),.09)}.cqs-log-row.stale .cqs-log-text{color:var(--warn);font-weight:600}.cqs-log-row.state{border-left-color:var(--cyan);background:rgba(var(--cyan-rgb),.07)}.cqs-log-row.state .cqs-log-text{color:var(--cyan-2);font-weight:600}.cqs-log-row.dlq{border-left-color:var(--bad);background:rgba(var(--bad-rgb),.1)}.cqs-log-row.dlq .cqs-log-text{color:var(--bad);font-weight:600}.cqs-guide{display:grid;grid-template-columns:minmax(0,1fr);gap:1.1rem;margin:1.5rem 0 1rem}.cqs-guide .callout-title{font-size:1.05rem}.cqs-guide .callout-list strong{color:var(--mint);font-weight:600}.cqs-guide .callout-list code{font-family:JetBrains Mono,monospace;font-size:.87em;color:var(--cyan-2)}.cqs-more{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin:1.5rem 0 .5rem}@media(max-width:720px){.cqs-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.cqs-panels{grid-template-columns:1fr}}@media(max-width:900px){.cqs-stage-scroll{overflow-x:auto}.cqs-svg{min-width:780px}.cqs-stage-card{padding:1rem .9rem}}@media(prefers-reduced-motion:reduce){.cqs-packet{display:none}.cqs-stage-card .pulse{animation:none}.cqs-cell,.cqs-rec{transition:none}}.obx-head{text-align:center;max-width:820px;margin:0 auto 2rem}.obx-head h1{margin:0 0 .7rem;font-size:clamp(1.9rem,4vw,2.6rem)}.obx-sub{margin:0;font-size:.95rem;color:var(--mint-dim);line-height:1.7}.obx-sub strong{color:var(--mint);font-weight:600}.obx-sub code{font-family:JetBrains Mono,monospace;font-size:.85em;color:var(--cyan-2)}.obx-stage-card{background:var(--panel-grad);border:1px solid var(--mint-bord);border-radius:18px;padding:1.2rem 1.3rem 1.1rem}.obx-stage-head{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.9rem}.obx-pill{--accent: var(--cyan);--accent-rgb: var(--cyan-rgb);display:inline-flex;align-items:center;padding:.28rem .7rem;border-radius:999px;border:1px solid rgba(var(--accent-rgb),.45);background:rgba(var(--accent-rgb),.1);color:var(--accent);font-size:12px;font-weight:600}.obx-pill.ok{--accent: var(--ok);--accent-rgb: var(--ok-rgb)}.obx-pill.bad{--accent: var(--bad);--accent-rgb: var(--bad-rgb)}.obx-pill.warn{--accent: var(--warn);--accent-rgb: var(--warn-rgb)}.obx-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.obx-svg{width:100%;height:auto;display:block}.obx-wire-lab,.obx-tiny,.obx-note,.obx-badge-num{font-family:IBM Plex Sans,sans-serif;fill:var(--mint-fade)}.obx-wire-lab{font-size:10.5px}.obx-tiny{font-size:9.5px}.obx-note{font-size:11.5px}.obx-badge-num{font-size:11px;font-weight:700}.obx-txn{fill:rgba(var(--ok-rgb),.05);stroke:var(--ok);stroke-opacity:.55;stroke-width:1.2;stroke-dasharray:6 4}.obx-rec{fill:var(--cyan);fill-opacity:.85;stroke:var(--cyan);stroke-opacity:.5;stroke-width:1;transition:fill-opacity .25s ease}.obx-rec.done{fill:var(--mint);fill-opacity:.14;stroke:var(--mint);stroke-opacity:.25}.obx-rec.dup{stroke:var(--warn);stroke-opacity:.9;stroke-width:1.6}@keyframes obxFly{0%{transform:translate(var(--fx),var(--fy))}to{transform:translate(var(--tx),var(--ty))}}.obx-packet{animation-name:obxFly;animation-timing-function:linear;animation-fill-mode:both;fill:var(--cyan)}.obx-packet.cmd{fill:var(--cyan);filter:drop-shadow(0 0 4px rgba(var(--cyan-rgb),var(--packet-glow-a)))}.obx-packet.ok{fill:var(--ok);filter:drop-shadow(0 0 4px rgba(var(--ok-rgb),var(--packet-glow-a)))}.obx-packet.fail{fill:var(--bad);filter:drop-shadow(0 0 4px rgba(var(--bad-rgb),var(--packet-glow-a)))}.obx-packet.warn{fill:var(--warn);filter:drop-shadow(0 0 4px rgba(var(--warn-rgb),var(--packet-glow-a)))}.obx-legend{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1.1rem;margin-top:.7rem;font-size:11.5px;color:var(--mint-fade)}.obx-legend span{display:inline-flex;align-items:center;gap:6px}.obx-swatch{width:9px;height:9px;border-radius:50%;display:inline-block;background:var(--cyan)}.obx-swatch.ok{background:var(--ok)}.obx-swatch.fail{background:var(--bad)}.obx-legend-note{flex:1 1 100%;padding-top:.35rem;border-top:1px solid var(--mint-bord);color:var(--mint-dim);font-size:12.5px;line-height:1.6}.obx-ledger{margin-top:.9rem;padding-top:.9rem;border-top:1px solid var(--mint-bord)}.obx-ledger-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.4rem}.obx-ledger-title{font-size:13px;font-weight:600;color:var(--mint)}.obx-ledger-meta{font-size:12px;color:var(--mint-fade)}.obx-ledger-note{margin:.55rem 0 0;font-size:12.5px;color:var(--mint-fade);line-height:1.6}.obx-table{width:100%;margin-top:.6rem;border-collapse:collapse;font-size:12.5px;table-layout:fixed}.obx-table th{padding:.3rem .55rem;text-align:left;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--mint-fade);border-bottom:1px solid var(--mint-bord)}.obx-table td{padding:.32rem .55rem;color:var(--mint-dim);border-bottom:1px solid rgba(var(--mint-rgb),.07)}.obx-row.idle td{color:var(--mint-fade)}.obx-row.wait td{color:var(--mint-dim)}.obx-row.ok .obx-verdict{color:var(--ok);font-weight:600}.obx-row.warn .obx-verdict{color:var(--warn);font-weight:600}.obx-row.bad{background:rgba(var(--bad-rgb),.1)}.obx-row.bad td{color:var(--bad)}.obx-row.bad .obx-verdict{color:var(--bad);font-weight:700}.obx-row.empty td{border-bottom-color:rgba(var(--mint-rgb),.05)}.obx-stats{margin:1.1rem 0 1.25rem}.obx-panels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.1rem}.obx-panel{background:var(--navy-800);border:1px solid var(--mint-bord);border-radius:16px;padding:1.1rem 1.15rem}.obx-panel-title{margin:0 0 1rem;font-size:.95rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--mint-fade)}.obx-ctrl{display:block;margin-bottom:1.15rem}.obx-ctrl.off{opacity:.45}.obx-ctrl-head{display:flex;justify-content:space-between;gap:.5rem;font-size:13.5px;color:var(--mint)}.obx-ctrl-val{color:var(--cyan);font-weight:700}.obx-range{width:100%;margin:.5rem 0 .35rem;accent-color:var(--cyan);background:transparent}.obx-range:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.obx-range:disabled{cursor:not-allowed}.obx-ctrl-note{display:block;font-size:12px;color:var(--mint-fade);line-height:1.55}.obx-ctrl-note strong{color:var(--mint);font-weight:600}.obx-ctrl-note code{font-family:JetBrains Mono,monospace;font-size:.9em;color:var(--cyan-2)}.btn.obx-active{border-color:var(--cyan);background:rgba(var(--cyan-rgb),.12);color:var(--cyan-2)}.btn.obx-crashbtn{border-color:rgba(var(--bad-rgb),.45);color:var(--bad)}.btn.obx-crashbtn:hover:not(:disabled){border-color:var(--bad);background:rgba(var(--bad-rgb),.1)}.btn.obx-crashbtn.on{border-color:var(--bad);background:rgba(var(--bad-rgb),.18);color:var(--bad)}.btn.obx-reset{color:var(--mint-fade)}.obx-log-empty{margin:0;font-size:13.5px;color:var(--mint-fade);line-height:1.6}.obx-log-empty strong{color:var(--mint)}.obx-log-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:340px;overflow-y:auto}.obx-log-row{display:flex;gap:.6rem;align-items:baseline;padding:.28rem .5rem;border-radius:7px;border-left:3px solid transparent;background:rgba(var(--mint-rgb),.04)}.obx-log-time{color:var(--mint-fade);font-size:11px}.obx-log-text{color:var(--mint-dim);font-size:11.5px;word-break:break-word}.obx-log-row.msg{border-left-color:rgba(var(--mint-rgb),.25)}.obx-log-row.ok{border-left-color:var(--ok)}.obx-log-row.ok .obx-log-text{color:var(--ok)}.obx-log-row.state{border-left-color:var(--cyan);background:rgba(var(--cyan-rgb),.07)}.obx-log-row.state .obx-log-text{color:var(--cyan-2);font-weight:600}.obx-log-row.commit{border-left-color:var(--ok);background:rgba(var(--ok-rgb),.08)}.obx-log-row.commit .obx-log-text{color:var(--ok-2);font-weight:600}.obx-log-row.warn{border-left-color:var(--warn)}.obx-log-row.warn .obx-log-text{color:var(--warn)}.obx-log-row.dup{border-left-color:var(--warn);background:rgba(var(--warn-rgb),.09)}.obx-log-row.dup .obx-log-text{color:var(--warn);font-weight:600}.obx-log-row.fail{border-left-color:var(--bad)}.obx-log-row.fail .obx-log-text{color:var(--bad)}.obx-log-row.crash{border-left-color:var(--bad);background:rgba(var(--bad-rgb),.12)}.obx-log-row.crash .obx-log-text{color:var(--bad);font-weight:700}.obx-log-row.diverge{border-left-color:var(--bad);background:rgba(var(--bad-rgb),.16)}.obx-log-row.diverge .obx-log-text{color:var(--bad);font-weight:700}.obx-guide{display:grid;grid-template-columns:minmax(0,1fr);gap:1.1rem;margin:1.5rem 0 1rem}.obx-guide .callout-title{font-size:1.05rem}.obx-guide .callout-list strong{color:var(--mint);font-weight:600}.obx-guide .callout-list code{font-family:JetBrains Mono,monospace;font-size:.87em;color:var(--cyan-2)}.obx-more{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin:1.5rem 0 .5rem}@media(max-width:720px){.obx-stats{grid-template-columns:repeat(2,1fr)}.obx-table{font-size:11.5px}.obx-table th,.obx-table td{padding:.3rem .35rem}}@media(max-width:900px){.obx-panels{grid-template-columns:1fr}.obx-stage-scroll{overflow-x:auto}.obx-svg{min-width:800px}.obx-stage-card{padding:1rem .9rem}}@media(prefers-reduced-motion:reduce){.obx-packet{display:none}.obx-stage-card .pulse{animation:none}.obx-rec{transition:none}}[data-theme=light]{color-scheme:light;--navy-900: #ffffff;--navy-800: #f7f9fa;--navy-700: #eef3f4;--navy-600: #e3ebec;--steel: #5a7078;--steel-2: #456068;--navy-800-rgb: 247, 249, 250;--steel-2-rgb: 69, 96, 104;--cyan: #0b6d78;--cyan-2: #095760;--cyan-rgb: 11, 109, 120;--cyan-2-rgb: 9, 87, 96;--mint: #0f2b33;--mint-dim: #3d5a63;--mint-fade: #51666d;--mint-bord: #dfe5e7;--mint-rgb: 15, 43, 51;--on-accent: #ffffff;--text-strong: #0f2b33;--bad: #b3261e;--bad-rgb: 179, 38, 30;--warn: #8a5a00;--warn-rgb: 138, 90, 0;--ok: #0f7a52;--ok-rgb: 15, 122, 82;--ok-2: #0d6b47;--ok-2-rgb: 13, 107, 71;--purple: #5b3fd6;--purple-2: #4a32b0;--purple-rgb: 91, 63, 214;--brand-youtube: #c62828;--brand-youtube-rgb: 198, 40, 40;--brand-facebook: #1155cc;--brand-facebook-rgb: 17, 85, 204;--code-bg: #ffffff;--code-fg: #1f2328;--panel-grad: var(--navy-800);--sidebar-grad: var(--navy-800);--hero-grad: linear-gradient(110deg, #0b6d78 0%, #0f2b33 38%, #456068 68%, #0b6d78 100%);--node-web: #dbeaf0;--node-db: #cfe0e8;--svc-stroke: rgba(var(--cyan-rgb), .55);--mesh-db: #0f7a52;--mesh-db-rgb: 15, 122, 82;--shadow-rgb: 9, 40, 48;--shadow-sm: 0 1px 2px 0 rgba(var(--shadow-rgb), .06);--shadow-md: 0 1px 3px rgba(var(--shadow-rgb), .08);--shadow-lg: 0 2px 8px rgba(var(--shadow-rgb), .1);--packet-glow-a: 0}[data-theme=light] .mesh-glow{opacity:.5;filter:blur(26px)}