@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--navy-900: #051f30;--navy-800: #072d48;--navy-700: #093c5d;--navy-600: #0d4a72;--steel: #3b7597;--steel-2: #5a8fab;--cyan: #6fd1d7;--cyan-2: #8fe1e6;--mint: #ddf8d8;--mint-dim: rgba(221,248,216,.72);--mint-fade:rgba(221,248,216,.5);--mint-bord:rgba(221,248,216,.12);--bad: #ff8a8a;--warn: #ffd084}*{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:linear-gradient(180deg,var(--navy-800),var(--navy-900));border-right:1px solid var(--mint-bord);padding:28px 22px 80px;position:sticky;top:0;height:100vh;overflow-y:auto}.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:#6fd1d70f}.chapter-item.active{background:#6fd1d71f;border-color:#6fd1d74d}.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:#ff8a8a}.pws-card.problem .tag:before{background:#ff8a8a}.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,#6fd1d726,#ddf8d80d);border:1px solid rgba(111,209,215,.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(111,209,215,.07),transparent 50%),radial-gradient(circle at 80% 100%,rgba(221,248,216,.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}.code-tabs{display:flex;gap:4px;margin-bottom:0}.code-tab{padding:8px 14px;font-family:JetBrains Mono;font-size:12px;background:var(--navy-800);border:1px solid var(--mint-bord);border-bottom:none;border-radius:8px 8px 0 0;color:var(--mint-fade);cursor:pointer;display:flex;gap:8px;align-items:center}.code-tab.active{color:var(--cyan);background:#04161f;border-color:#6fd1d759}.code-tab .dot{width:7px;height:7px;border-radius:50%;background:var(--mint-bord)}.code-tab.active .dot{background:var(--cyan)}pre.code-block{background:#04161f;border:1px solid rgba(111,209,215,.25);border-radius:0 12px 12px;padding:18px 20px;margin:0;overflow-x:auto;font-family:JetBrains Mono;font-size:12.5px;line-height:1.65;color:var(--mint-dim)}pre.code-block .kw{color:#b39dff}pre.code-block .ty{color:var(--cyan)}pre.code-block .st{color:#f8c98f}pre.code-block .co{color:#ddf8d866;font-style:italic}pre.code-block .fn{color:var(--mint)}pre.code-block .nm{color:#b3e8c2}.takeaway{display:flex;gap:14px;background:#6fd1d70f;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}.quiz{background:var(--navy-800);border:1px solid var(--mint-bord);border-radius:12px;padding:24px 26px;margin:30px 0}.quiz-q{font-family:Space Grotesk;font-size:17px;margin:0 0 14px;color:var(--mint)}.quiz-q:before{content:"QUICK CHECK";display:block;font-family:IBM Plex Sans;font-size:10px;letter-spacing:.18em;color:var(--cyan);margin-bottom:8px}.quiz-opts{display:grid;gap:8px}.quiz-opt{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--mint-bord);border-radius:8px;cursor:pointer;background:var(--navy-900);text-align:left;font:inherit;color:var(--mint-dim);transition:all .15s}.quiz-opt:hover:not(:disabled){border-color:#6fd1d766;color:var(--mint)}.quiz-opt .mark{width:18px;height:18px;border-radius:50%;border:1px solid var(--mint-bord);flex-shrink:0;margin-top:1px;display:grid;place-items:center;font-size:11px;font-family:JetBrains Mono;color:var(--mint-fade)}.quiz-opt.correct{border-color:var(--cyan);background:#6fd1d714;color:var(--mint)}.quiz-opt.correct .mark{background:var(--cyan);color:var(--navy-900);border-color:var(--cyan)}.quiz-opt.wrong{border-color:#ff8a8a8c;background:#ff8a8a0f;color:var(--mint)}.quiz-opt.wrong .mark{background:#ff8a8a;color:var(--navy-900);border-color:#ff8a8a}.quiz-feedback{margin-top:12px;padding:12px 14px;font-size:13.5px;background:var(--navy-900);border-radius:8px;color:var(--mint-dim);border:1px dashed var(--mint-bord)}.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:#6fd1d70f}.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}.tooltip{position:fixed;pointer-events:none;background:#04161f;border:1px solid rgba(111,209,215,.4);padding:10px 14px;border-radius:8px;font-size:13px;color:var(--mint);max-width:280px;z-index:1000;box-shadow:0 8px 30px #00000080}.tooltip .ttl{display:block;color:var(--cyan);font-family:JetBrains Mono;font-size:11px;letter-spacing:.1em;margin-bottom:4px;text-transform:uppercase}.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)}}.es-legend{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.es-legend .chip{font-family:JetBrains Mono;font-size:10.5px;padding:4px 10px;border-radius:999px;background:var(--navy-900);border:1px solid var(--mint-bord);color:var(--mint-dim);display:inline-flex;align-items:center;gap:6px}.es-legend .chip:before{content:"";width:8px;height:8px;border-radius:2px}.es-legend .chip.o:before{background:#ffb074}.es-legend .chip.b:before{background:#7bb5ff}.es-legend .chip.y:before{background:#ffe28a}.es-legend .chip.p:before{background:#f6a3c2}.es-legend .chip.v:before{background:#b39dff}.es-timeline{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;overflow-x:auto;padding-bottom:6px;position:relative}.es-timeline:before{content:"";position:absolute;left:0;right:0;top:22px;height:1px;background:var(--mint-bord);z-index:0}.es-col{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0}.es-trigger{font-size:11px;color:var(--mint-fade);text-align:center;padding:4px 4px 12px;border-bottom:1px dashed var(--mint-bord);margin-bottom:4px;position:relative;line-height:1.3;min-height:42px}.es-trigger:after{content:"";position:absolute;bottom:-4px;left:50%;width:8px;height:8px;border-radius:50%;background:var(--accent, var(--cyan));transform:translate(-50%)}.es-sticky{font-family:JetBrains Mono;font-size:10.5px;padding:8px 9px;border-radius:4px;text-align:center;line-height:1.25;color:#0c1a1f;font-weight:600;letter-spacing:.02em;word-break:break-word;transform:rotate(-.4deg);box-shadow:0 2px 6px #00000059}.es-sticky.event{background:#ffb074;transform:rotate(.6deg)}.es-sticky.cmd{background:#7bb5ff;transform:rotate(-.7deg)}.es-sticky.agg{background:#ffe28a;transform:rotate(.4deg)}.es-ctx{margin-top:6px;text-align:center;font-family:JetBrains Mono;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent, var(--cyan));padding:4px 0;border-top:2px solid var(--accent, var(--cyan))}.es-caption{margin-top:14px;font-size:13px;color:var(--mint-dim);padding:10px 0 0;border-top:1px dashed var(--mint-bord)}.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}.es-rules{display:grid;gap:10px;margin-top:6px}.es-rule{display:grid;grid-template-columns:32px 1fr;gap:14px;background:var(--navy-800);border:1px solid var(--mint-bord);border-left:3px solid var(--cyan);border-radius:0 10px 10px 0;padding:14px 18px;font-size:14px;color:var(--mint-dim);line-height:1.55}.es-rule-n{font-family:JetBrains Mono;color:var(--cyan);font-size:13px}.ctx-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:8px}.ctx-card{background:var(--navy-800);border:1px solid var(--mint-bord);border-radius:10px;padding:16px 16px 14px;position:relative;overflow:hidden}.ctx-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cyan),transparent)}.ctx-name{font-family:JetBrains Mono;color:var(--cyan);font-size:13px;letter-spacing:.04em;margin-bottom:6px}.ctx-blurb{font-size:12.5px;color:var(--mint-dim);line-height:1.5}.rel-list{list-style:none;padding:0;margin:6px 0 0;display:grid;gap:8px}.rel-list li{background:var(--navy-800);border:1px solid var(--mint-bord);padding:12px 16px;border-radius:8px;font-size:13.5px;color:var(--mint-dim);line-height:1.55}@media(max-width:1100px){.heur{grid-template-columns:1fr}.ctx-grid{grid-template-columns:repeat(2,1fr)}.es-timeline{grid-template-columns:repeat(4,minmax(140px,1fr))}}.saga-sim{display:flex;flex-direction:column;gap:18px}.saga-controls{display:flex;flex-wrap:wrap;gap:8px}.saga-btn{background:var(--navy-900);border:1px solid var(--mint-bord);color:var(--mint);padding:9px 14px;border-radius:8px;cursor:pointer;font:inherit;font-size:13px;display:inline-flex;align-items:center;gap:6px;transition:all .15s}.saga-btn:hover:not(:disabled){border-color:var(--cyan);background:#6fd1d70f}.saga-btn:disabled{opacity:.4;cursor:not-allowed}.saga-btn.primary{background:var(--cyan);color:var(--navy-900);border-color:var(--cyan);font-weight:600}.saga-btn.primary:hover:not(:disabled){background:#8fe1e6}.saga-btn.ghost{background:transparent;color:var(--mint-fade)}.saga-btn .mono{font-family:JetBrains Mono;font-size:12px}.saga-track{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;position:relative}.saga-step{background:var(--navy-900);border:1px solid var(--mint-bord);border-radius:10px;padding:14px 14px 12px;position:relative;transition:all .35s ease}.saga-step.state-running{border-color:var(--cyan);box-shadow:0 0 0 3px #6fd1d726}.saga-step.state-done{border-color:#5df8b9;background:#5df8b90a}.saga-step.state-failed{border-color:#ff8a8a;background:#ff8a8a0d}.saga-step.state-comp_run{border-color:#ffd084;background:#ffd0840f}.saga-step.state-compensated{border-color:#b39dff;background:#b39dff0d}.saga-step.state-skipped{opacity:.45}.saga-step-num{position:absolute;top:-10px;left:12px;width:22px;height:22px;border-radius:50%;background:var(--navy-700);border:1px solid var(--mint-bord);font-family:JetBrains Mono;font-size:11px;color:var(--cyan);display:grid;place-items:center}.saga-step-svc{font-family:JetBrains Mono;font-size:10.5px;color:var(--mint-fade);letter-spacing:.06em;margin-bottom:4px}.saga-step-fwd{font-family:Space Grotesk;font-size:14px;color:var(--mint);margin-bottom:6px;line-height:1.2}.saga-step-note{font-size:11.5px;color:var(--mint-fade);line-height:1.4;min-height:32px}.saga-step-bwd{font-family:JetBrains Mono;font-size:11.5px;color:#ffd084;margin-top:2px;min-height:32px;line-height:1.4}.saga-step-pill{margin-top:10px;font-family:JetBrains Mono;font-size:10px;letter-spacing:.08em;padding:3px 8px;border-radius:4px;display:inline-block;text-transform:uppercase;font-weight:600}.saga-log{background:#04161f;border:1px solid rgba(111,209,215,.25);border-radius:10px;overflow:hidden}.saga-log-head{background:var(--navy-800);padding:8px 14px;font-family:JetBrains Mono;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mint-fade);border-bottom:1px solid var(--mint-bord)}.saga-log-body{padding:12px 16px;font-family:JetBrains Mono;font-size:12px;color:var(--mint-dim);max-height:180px;overflow-y:auto}.saga-log-empty{color:#ddf8d84d;font-style:italic}.saga-log-line{padding:2px 0;animation:logIn .25s ease}@keyframes logIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.taxonomy{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px}.tax-card{background:var(--navy-800);border:1px solid var(--mint-bord);border-radius:10px;padding:18px 18px 16px;position:relative}.tax-k{font-family:Space Grotesk;font-size:17px;color:var(--cyan);margin-bottom:8px}.tax-blurb{font-size:13px;color:var(--mint-dim);line-height:1.55;margin-bottom:12px}.tax-ex{font-family:JetBrains Mono;font-size:11px;color:var(--mint-fade);background:var(--navy-900);border-left:2px solid var(--cyan);padding:8px 10px;border-radius:0 4px 4px 0;line-height:1.5}.tax-ex span{display:block;letter-spacing:.14em;text-transform:uppercase;font-size:9.5px;color:var(--cyan);margin-bottom:4px}.cmp{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cmp-col{background:var(--navy-800);border:1px solid var(--mint-bord);border-radius:12px;padding:22px 22px 20px}.cmp-h{font-family:Space Grotesk;font-size:18px;color:var(--mint);margin-bottom:4px}.cmp-sub{font-size:13px;color:var(--mint-dim);margin-bottom:16px;line-height:1.5}.cmp-flow{background:var(--navy-900);border:1px dashed var(--mint-bord);border-radius:8px;padding:14px;margin-bottom:14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}.cmp-node{font-family:JetBrains Mono;font-size:11.5px;background:var(--navy-700);border:1px solid rgba(111,209,215,.3);color:var(--mint);padding:5px 9px;border-radius:5px}.cmp-node.strong{border-color:var(--cyan);background:#6fd1d71f;color:var(--cyan-2)}.cmp-arrow{font-family:JetBrains Mono;font-size:10.5px;color:var(--cyan);letter-spacing:.04em}.cmp-fan{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.cmp-pros,.cmp-cons{font-size:12.5px;color:var(--mint-dim);padding:4px 0;line-height:1.5;display:flex;gap:8px}.cmp-pros span{color:#5df8b9;font-family:JetBrains Mono;font-weight:700}.cmp-cons span{color:#ff8a8a;font-family:JetBrains Mono;font-weight:700}.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){.saga-track{grid-template-columns:repeat(2,1fr)}.taxonomy,.cmp,.iso-grid{grid-template-columns:1fr}}.ob-sim{display:flex;flex-direction:column;gap:18px}.ob-pick{background:var(--navy-900);border:1px solid var(--mint-bord);border-radius:10px;padding:16px 18px}.ob-pick-lab{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mint-fade);margin-bottom:10px}.ob-pick-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.ob-pick-btn{background:var(--navy-800);border:1px solid var(--mint-bord);color:var(--mint-dim);padding:8px 12px;border-radius:6px;cursor:pointer;font:inherit;font-size:12.5px;transition:all .15s}.ob-pick-btn:hover:not(:disabled){border-color:#6fd1d780;color:var(--mint)}.ob-pick-btn.active{background:#6fd1d71f;border-color:var(--cyan);color:var(--cyan-2)}.ob-pick-btn:disabled{opacity:.4;cursor:not-allowed}.ob-pick-desc{font-size:13px;color:var(--mint-dim);margin-bottom:14px;font-style:italic;line-height:1.5}.ob-pick-actions{display:flex;gap:8px}.ob-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ob-card{background:var(--navy-900);border:1px solid var(--mint-bord);border-radius:10px;padding:18px 20px 16px;display:flex;flex-direction:column;gap:12px}.ob-card.ob-naive{border-top:3px solid #ff8a8a}.ob-card.ob-outbox{border-top:3px solid #6fd1d7}.ob-title{font-family:Space Grotesk;font-size:16px;color:var(--mint)}.ob-sub{font-size:12px;color:var(--mint-fade);margin-top:2px;line-height:1.4}.ob-steps{font-family:JetBrains Mono;font-size:11.5px;background:#04161f;border:1px solid rgba(111,209,215,.18);border-radius:6px;padding:10px 12px;min-height:200px;display:flex;flex-direction:column;gap:4px}.ob-step{color:var(--mint-dim);animation:logIn .25s ease;line-height:1.45}.ob-step.bad{color:#ff8a8a}.ob-step.idle{color:#ddf8d84d;font-style:italic}.ob-outcome{display:flex;flex-direction:column;gap:6px}.ob-out-row{display:flex;justify-content:space-between;font-size:12px;padding:6px 10px;background:var(--navy-800);border-radius:5px}.ob-out-lab{color:var(--mint-fade);letter-spacing:.06em;text-transform:uppercase;font-size:10.5px}.ob-out-val{color:var(--mint);font-family:JetBrains Mono;font-size:11.5px}.ob-out-val.ok{color:#5df8b9}.ob-out-val.bad{color:#ff8a8a}.ob-verdict{margin-top:6px;padding:10px 12px;border-radius:6px;font-size:12.5px;line-height:1.4}.ob-verdict.ok{background:#5df8b914;color:#b3f3d0;border:1px solid rgba(93,248,185,.35)}.ob-verdict.bad{background:#ff8a8a14;color:#ffc2c2;border:1px solid rgba(255,138,138,.4)}.ob-schema{background:var(--navy-800);border:1px solid var(--mint-bord);border-radius:10px;overflow:hidden}.ob-schema-head{background:var(--navy-900);padding:10px 16px;font-family:JetBrains Mono;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);border-bottom:1px solid var(--mint-bord)}.ob-schema table{width:100%;border-collapse:collapse;font-family:JetBrains Mono;font-size:12px}.ob-schema th,.ob-schema td{text-align:left;padding:9px 14px;border-bottom:1px solid var(--mint-bord);vertical-align:top}.ob-schema th{font-family:IBM Plex Sans;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--mint-fade);background:var(--navy-900);font-weight:500}.ob-schema tr:last-child td{border-bottom:none}.col-name{color:var(--cyan-2);font-weight:600}.col-type{color:#b39dff}.col-role{color:var(--mint-dim);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase}.col-note{color:var(--mint-dim);font-family:IBM Plex Sans;font-size:12.5px;line-height:1.5}.vs{display:grid;grid-template-columns:1fr 1fr;gap:14px}.vs-col{background:var(--navy-800);border:1px solid var(--mint-bord);border-radius:12px;padding:22px 22px 20px}.vs-h{font-family:Space Grotesk;font-size:17px;color:var(--mint);margin-bottom:4px}.vs-tag{font-family:JetBrains Mono;font-size:11px;color:var(--cyan);letter-spacing:.06em;margin-bottom:12px}.vs-col ul{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:6px}.vs-col ul li{font-size:12.5px;color:var(--mint-dim);padding-left:14px;position:relative;line-height:1.55}.vs-col ul li:before{content:"→";position:absolute;left:0;top:0;color:var(--cyan);font-family:JetBrains Mono}.vs-col ul li .mono{font-family:JetBrains Mono;font-size:11.5px;color:var(--cyan-2)}.vs-pros,.vs-cons{font-size:12.5px;color:var(--mint-dim);padding:3px 0;display:flex;gap:8px}.vs-pros span{color:#5df8b9;font-family:JetBrains Mono;font-weight:700}.vs-cons span{color:#ff8a8a;font-family:JetBrains Mono;font-weight:700}@media(max-width:1100px){.ob-cards,.vs{grid-template-columns:1fr}}.svc-rect{fill:var(--navy-700);stroke:#6fd1d766;stroke-width:1.5}.svc-rect.web{fill:#0a3957}.svc-rect.db{fill:#03283f}.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:#ddf8d873;stroke-width:1.4;fill:none;marker-end:url(#arrow)}.svc-arrow.async{stroke-dasharray:4 4;stroke:var(--cyan)}.svc-arrow.bad{stroke:#ff8a8a}.cluster{fill:#6fd1d70d;stroke:#6fd1d740;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}}: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(111, 209, 215, .12);--accent-purple: #b39dff;--accent-yellow: var(--warn);--accent-red: var(--bad);--border: var(--mint-bord);--error: var(--bad);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .45);--shadow-lg: 0 12px 30px rgba(0, 0, 0, .55);--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}.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}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#6fd1d74d}.card h1,.card h2,.card h3,.card h4{color:var(--mint)}.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:#6fd1d70f}.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)}.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:768px){.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(111,209,215,.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:linear-gradient(110deg,var(--cyan) 0%,var(--mint) 38%,var(--steel-2) 68%,var(--cyan) 100%);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%}.mesh-glow{position:absolute;inset:6% 4%;background:radial-gradient(circle at 50% 46%,rgba(111,209,215,.2),transparent 62%),radial-gradient(circle at 30% 80%,rgba(179,157,255,.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(111,209,215,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(111,209,215,.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:#ddf8d81a;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(111,209,215,.7))}.mesh-link-flow.async{stroke:var(--accent-purple);stroke-dasharray:2 10;filter:drop-shadow(0 0 3px rgba(179,157,255,.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:#072d48d9;border:1px solid var(--mint-bord);box-shadow:0 8px 20px #00000080;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:#6fd1d78c;box-shadow:0 0 0 1px #6fd1d738,0 10px 24px #0000008c,0 0 24px #6fd1d747}.mesh-chip.k-client{--c: var(--cyan-2);border-color:#8fe1e680}.mesh-chip.k-service{--c: var(--steel-2);border-color:#5a8fab80}.mesh-chip.k-db{--c: #7be0b0;border-color:#7be0b073}.mesh-chip.k-broker{--c: var(--accent-purple);border-color:#b39dff80;color:#cbbcff}.mesh-chip.k-gateway:before{content:"";position:absolute;inset:-5px;border-radius:999px;border:1px solid rgba(111,209,215,.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 #0009,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}@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(111,209,215,.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:linear-gradient(165deg,var(--navy-800),var(--navy-900));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%;background:radial-gradient(circle,rgba(111,209,215,.16),transparent 70%);pointer-events:none}.course-card:hover{transform:translateY(-5px);border-color:#6fd1d773;box-shadow:0 20px 44px #00000080}.course-card.alt:before{background:linear-gradient(90deg,var(--accent-purple),transparent 75%)}.course-card.alt:after{background:radial-gradient(circle,rgba(179,157,255,.16),transparent 70%)}.course-card.alt:hover{border-color:#b39dff73}.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:#b39dff24;color:#cbbcff;border:1px solid rgba(179,157,255,.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,#6fd1d733,#6fd1d70a);border:1px solid rgba(111,209,215,.3)}.course-card.alt .course-icon{background:linear-gradient(150deg,#b39dff33,#b39dff0a);border-color:#b39dff4d}.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:#cbbcff}.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:#cbbcff}.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(111,209,215,.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:linear-gradient(165deg,var(--navy-800),var(--navy-900));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%;background:radial-gradient(circle,rgba(111,209,215,.16),transparent 70%);pointer-events:none}.compare-card:hover{transform:translateY(-5px);border-color:#6fd1d773;box-shadow:0 20px 44px #00000080}.compare-card.warn:before{background:linear-gradient(90deg,var(--warn),transparent 75%)}.compare-card.warn:after{background:radial-gradient(circle,rgba(255,208,132,.16),transparent 70%)}.compare-card.warn:hover{border-color:#ffd08473}.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,#6fd1d733,#6fd1d70a);border:1px solid rgba(111,209,215,.3)}.compare-card.warn .compare-icon{background:linear-gradient(150deg,#ffd08433,#ffd0840a);border-color:#ffd0844d}.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:#6fd1d71f;color:var(--cyan);border:1px solid rgba(111,209,215,.3)}.compare-card.warn .compare-mark{background:#ffd0841f;color:var(--warn);border-color:#ffd08459}@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){.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(111,209,215,.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: 111, 209, 215;position:relative;display:flex;align-items:center;gap:1rem;padding:1.15rem 1.3rem;border-radius:14px;background:linear-gradient(165deg,var(--navy-800),var(--navy-900));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%;background:radial-gradient(circle,rgba(var(--accent-rgb),.16),transparent 70%);pointer-events:none}.link-card:hover{transform:translateY(-4px);border-color:rgba(var(--accent-rgb),.5);box-shadow:0 16px 36px #00000080}.link-card.youtube{--accent: #ff7a7a;--accent-rgb: 255, 122, 122}.link-card.github{--accent: #b39dff;--accent-rgb: 179, 157, 255}.link-card.facebook{--accent: #7bb5ff;--accent-rgb: 123, 181, 255}.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}}.tip-card{--accent: var(--warn);--accent-rgb: 255, 208, 132;position:relative;display:flex;gap:1.25rem;align-items:flex-start;margin-top:1.5rem;padding:1.75rem;border-radius:18px;background:linear-gradient(165deg,var(--navy-800),var(--navy-900));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-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)}