:root{--ink:#121313;--paper:#f0efe8;--paper-bright:#faf9f4;--muted:#72736e;--line:#cdccc4;--kafka:#ff5636;--kafka-dark:#b62d1d;--grpc:#10b8be;--grpc-dark:#08757b;--redis:#dc3f32;--redis-dark:#8f241d;--mysql:#00758f;--mysql-dark:#004f61;--go:#00a9bd;--go-dark:#006c79;--k8s:#326ce5;--k8s-dark:#1748a8;--ai:#d94932;--ai-dark:#962b1b;--frontend:#147a70;--frontend-dark:#0d5c55;--ddd:#efbd22;--ddd-dark:#8b6800;--signal:#f1ce35;--display:"Archivo Black", "Arial Black", sans-serif;--sans:"Noto Sans SC", "PingFang SC", sans-serif;--mono:"IBM Plex Mono", Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);font-family:var(--sans);letter-spacing:0;margin:0;overflow-x:hidden}a{color:inherit}button,input{font:inherit}::selection{color:var(--paper-bright);background:var(--ink)}.skip-link{z-index:100;color:var(--paper);background:var(--ink);padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}a:focus-visible{outline:3px solid var(--signal);outline-offset:4px}.topbar{z-index:50;height:68px;color:var(--paper-bright);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#121313e0;border-bottom:1px solid #f0efe833;justify-content:space-between;align-items:stretch;display:flex;position:fixed;inset:0 0 auto}.wordmark{font:400 18px/1 var(--display);border-right:1px solid #f0efe833;align-items:center;gap:13px;padding:0 26px;text-decoration:none;display:flex}.wordmark>span:last-child span{color:var(--signal)}.wordmark-signal{align-items:flex-end;gap:3px;height:23px;display:flex}.wordmark-signal i{background:var(--kafka);width:4px}.wordmark-signal i:first-child{height:11px}.wordmark-signal i:nth-child(2){background:var(--signal);height:23px}.wordmark-signal i:nth-child(3){background:var(--grpc);height:16px}.topbar-meta{font:500 10px/1 var(--mono);color:#c8c8c1;align-items:center;gap:28px;padding:0 28px;display:flex}.topbar-meta span{align-items:center;gap:8px;display:flex}.live-dot{background:#61d68a;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #61d68a1f}.hero{height:max(620px,100svh - 42px);min-height:620px;max-height:780px;color:var(--paper-bright);isolation:isolate;background:#101111;padding:130px clamp(28px,7vw,110px) 132px;position:relative;overflow:hidden}.hero:before{content:"";z-index:-3;opacity:.11;pointer-events:none;background-image:linear-gradient(#ffffff38 1px,#0000 1px),linear-gradient(90deg,#ffffff38 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:68px 0 0}.hero:after{content:"";z-index:5;background:#f0efe838;height:1px;position:absolute;inset:68px 0 auto}.hero-copy{z-index:3;width:min(57%,950px);position:relative}.eyebrow{color:#b8b9b3;font:600 11px/1.3 var(--mono)}.hero-kicker{color:#d2d2cc;align-items:center;gap:10px;display:inline-flex}.hero-kicker i{background:var(--kafka);width:7px;height:7px;display:block;box-shadow:0 0 0 5px #ff563621}.hero h1{font:400 120px/.78 var(--display);letter-spacing:0;margin:26px 0 24px}.hero h1 .title-line{width:max-content;max-width:100%;color:var(--paper-bright);white-space:nowrap;display:block}.hero h1 .title-line b{color:var(--signal);font:inherit}.hero h1 .title-line-dark{color:#101111;-webkit-text-stroke:1px #faf9f4b8;mix-blend-mode:normal}.hero-copy p{color:#c7c8c1;max-width:560px;margin:0;font-size:15px;line-height:1.8}.hero-actions{align-items:center;gap:24px;margin-top:32px;display:flex}.hero-primary{color:#131313;background:var(--kafka);align-items:center;gap:30px;min-height:58px;padding:0 8px 0 22px;font-size:14px;font-weight:700;text-decoration:none;transition:color .25s,background-color .25s;display:inline-flex}.hero-primary b{width:42px;height:42px;font:500 22px/1 var(--mono);border-left:1px solid #12131359;place-items:center;transition:transform .25s;display:grid}.hero-primary:hover{color:var(--ink);background:var(--signal)}.hero-primary:hover b{transform:translate(2px,2px)}.hero-note{color:#8e908b;font:500 10px/1.65 var(--mono)}.hero-visual{z-index:1;position:absolute;inset:78px 1.5% 48px 48.5%}.reactor-frame{transform-origin:50%;background:#101111c2;border:1px solid #f0efe833;position:absolute;inset:24px 0 28px;overflow:hidden}.frame-corner{z-index:12;border-color:var(--kafka);border-style:solid;width:26px;height:26px;position:absolute}.corner-tl{border-width:2px 0 0 2px;top:-1px;left:-1px}.corner-tr{border-width:2px 2px 0 0;top:-1px;right:-1px}.corner-bl{border-width:0 0 2px 2px;bottom:-1px;left:-1px}.corner-br{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.reactor-header{z-index:10;color:#9b9d97;height:38px;font:600 8px/1 var(--mono);border-bottom:1px solid #f0efe824;justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:absolute;inset:0 0 auto}.reactor-header span{align-items:center;gap:8px;display:flex}.reactor-header i{background:#61d68a;width:6px;height:6px;display:block;box-shadow:0 0 0 4px #61d68a1a}.reactor-matrix{z-index:0;grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(11,1fr);place-items:center;display:grid;position:absolute;inset:38px 0 34px}.reactor-dot{opacity:.28;background:#555752;width:3px;height:3px;display:block}.reactor-scan{z-index:2;background:#10b8bee6;width:1px;position:absolute;top:38px;bottom:34px;left:0;box-shadow:0 0 18px #10b8bea6}.reactor-slab{z-index:1;background:#ff563614;border-block:1px solid #ff563657;width:17%;height:72%;position:absolute;top:16%;left:44%;transform:skew(-10deg)}.reactor-spokes{z-index:2;position:absolute;inset:0}.reactor-spoke{transform-origin:0;background:#f0efe829;width:43%;height:1px;position:absolute;top:50%;left:50%}.reactor-spoke b{background:var(--signal);width:5px;height:5px;display:block;position:absolute;top:-2px;left:0;box-shadow:0 0 10px #f1ce35b3}.spoke-1{transform:rotate(0)}.spoke-2{transform:rotate(45deg)}.spoke-3{transform:rotate(90deg)}.spoke-4{transform:rotate(135deg)}.spoke-5{transform:rotate(180deg)}.spoke-6{transform:rotate(225deg)}.spoke-7{transform:rotate(270deg)}.spoke-8{transform:rotate(315deg)}.reactor-ring{z-index:3;border-style:solid;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reactor-ring-a{border-width:1px;border-color:var(--kafka) transparent var(--kafka) transparent;width:238px;height:238px}.reactor-ring-b{border-width:1px;border-color:#0000 #f1ce35ad;width:310px;height:310px}.reactor-ring-c{border:1px dashed #f0efe826;width:390px;height:390px}.core-pulse{z-index:3;border:1px solid #ff5636b3;width:208px;height:208px;position:absolute;top:calc(50% - 104px);left:calc(50% - 104px)}.reactor-core{z-index:6;width:172px;height:172px;color:var(--paper-bright);background:#151717;border:1px solid #faf9f4c7;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:calc(50% - 86px);left:calc(50% - 86px);box-shadow:0 20px 50px #0000007a}.reactor-core:before,.reactor-core:after{content:"";border-color:var(--signal);border-style:solid;width:24px;height:24px;position:absolute}.reactor-core:before{border-width:2px 0 0 2px;top:-1px;left:-1px}.reactor-core:after{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.core-index{color:#999b95;font:600 8px var(--mono)}.reactor-core strong{font:400 25px/1 var(--display);margin:12px 0 8px}.core-status{min-width:110px;color:var(--signal);font:600 8px/1 var(--mono);text-align:center}.core-data-bar{align-items:flex-end;gap:4px;height:18px;margin-top:14px;display:flex}.core-data-bar i{background:var(--kafka);transform-origin:bottom;width:3px;height:100%;display:block}.core-data-bar i:nth-child(2),.core-data-bar i:nth-child(4){background:var(--signal);height:60%}.core-data-bar i:nth-child(3){background:var(--grpc);height:85%}.module-node{z-index:7;width:102px;height:56px;color:var(--paper-bright);position:absolute}.module-node-inner{border:1px solid color-mix(in srgb, var(--node-color) 70%, #555);transform-origin:50%;background:#151717eb;grid-template-rows:1fr 1fr;grid-template-columns:22px 1fr;align-items:center;width:100%;height:100%;padding:8px 9px;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 25px #0000003d}.module-node span{color:var(--node-color);font:600 8px var(--mono);grid-row:1/3}.module-node strong{font:600 13px/1 var(--mono);align-self:end}.module-node small{color:#82847f;font:500 6px/1 var(--mono);align-self:start;margin-top:4px}.node-pulse{background:var(--node-color);transform-origin:0;height:2px;position:absolute;inset:auto 0 0}.node-ddd{top:12%;left:8%}.node-go{top:10%;right:10%}.node-k8s{top:42%;right:3%}.node-mysql{bottom:10%;right:14%}.node-kafka{bottom:4%;left:43%}.node-grpc{bottom:12%;left:12%}.node-redis{top:44%;left:2%}.node-ai{top:6%;left:29%}.node-fe{top:31%;right:24%}.reactor-readout{z-index:10;color:#777974;height:34px;font:500 7px/1 var(--mono);background:#101111e0;border-top:1px solid #f0efe824;justify-content:flex-end;align-items:center;gap:22px;padding:0 16px;display:flex;position:absolute;inset:auto 0 0}.reactor-readout b{color:#d7d7d1;font-weight:600}.hero-metrics{z-index:4;color:#858681;font:500 8px/1 var(--mono);gap:34px;display:flex;position:absolute;bottom:68px;left:clamp(28px,7vw,110px)}.hero-metrics span{align-items:baseline;gap:7px;display:flex}.hero-metrics strong{color:#dfdfd9;font-size:13px}.hero-marquee{z-index:6;height:36px;color:var(--ink);background:var(--signal);font:600 9px/36px var(--mono);white-space:nowrap;position:absolute;inset:auto 0 0;overflow:hidden}.hero-marquee>div{align-items:center;width:max-content;display:flex}.hero-marquee span{padding:0 22px;display:inline-block}.hero-marquee i{background:var(--kafka);width:5px;height:5px;display:block;transform:rotate(45deg)}.learning-tracks{border-bottom:1px solid var(--ink);grid-template-columns:repeat(6,1fr);display:grid}.track{border-right:1px solid var(--ink);background:var(--paper);grid-column:span 2;min-width:0;padding:clamp(34px,3.4vw,62px);position:relative;overflow:hidden}.track:nth-child(2){background:var(--paper-bright)}.track-redis{background:#e9e8e1}.track-mysql{border-top:1px solid var(--ink);background:#e7f0f1}.track-go{border-top:1px solid var(--ink)}.track-k8s{border-top:1px solid var(--ink);background:#e6ecf8}.track-ai{border-top:1px solid var(--ink);background:#ecebe5}.track-frontend{border-top:1px solid var(--ink);background:#dfecea;grid-column:span 2}.track-ddd{border-top:1px solid var(--ink);background-color:var(--paper-bright);background-image:linear-gradient(#1213130e 1px,#0000 1px),linear-gradient(90deg,#1213130e 1px,#0000 1px);background-size:42px 42px;grid-column:span 2}.track:nth-child(3n){border-right:0}.track:last-child{background:var(--paper-bright);border-right:0}.track-accent{background:var(--kafka);transform-origin:bottom;width:6px;position:absolute;inset:0 auto 0 0}.track-grpc .track-accent{background:var(--grpc)}.track-redis .track-accent{background:var(--redis)}.track-mysql .track-accent{background:var(--mysql)}.track-go .track-accent{background:var(--go)}.track-k8s .track-accent{background:var(--k8s)}.track-ai .track-accent{background:var(--ai)}.track-frontend .track-accent{background:var(--frontend)}.track-ddd .track-accent{background:var(--ddd)}.track-number,.track-label{color:var(--muted);font:600 10px var(--mono)}.track-heading{justify-content:space-between;align-items:flex-start;gap:30px;margin-top:46px;display:flex}.track h2{font:400 clamp(40px, 4.2vw, 66px)/.86 var(--display);margin:10px 0 0}.track-mark{flex:none}.kafka-mark{align-items:center;gap:7px;height:72px;display:flex}.kafka-mark i{background:var(--kafka);width:11px;display:block}.kafka-mark i:first-child{height:37px}.kafka-mark i:nth-child(2){height:72px}.kafka-mark i:nth-child(3){height:52px}.grpc-mark{border:2px solid var(--grpc);width:70px;height:70px;color:var(--grpc-dark);place-items:center;font:400 49px/1 Georgia,serif;display:grid}.redis-mark{width:72px;height:72px;position:relative}.redis-mark i{border:2px solid var(--redis);background:#e9e8e1;width:56px;height:27px;position:absolute;left:8px;transform:rotate(8deg)skew(-14deg)}.redis-mark i:first-child{top:6px}.redis-mark i:nth-child(2){top:22px}.redis-mark i:nth-child(3){top:38px}.mysql-mark{align-content:center;gap:5px;width:70px;height:70px;display:grid}.mysql-mark i{border:2px solid var(--mysql);border-radius:50%;height:12px;display:block}.go-track-mark{width:70px;height:70px;color:var(--paper-bright);background:var(--go);font:600 18px/1 var(--mono);place-items:center;display:grid;transform:skew(-7deg)}.k8s-mark{border:2px solid var(--k8s);width:70px;height:70px;color:var(--k8s-dark);border-radius:50%;place-items:center;display:grid;position:relative}.k8s-mark i{z-index:2;font:600 11px var(--mono);font-style:normal}.k8s-mark b{background:var(--k8s);transform-origin:50%;width:34px;height:2px;position:absolute}.k8s-mark b:nth-of-type(2){transform:rotate(60deg)}.k8s-mark b:nth-of-type(3){transform:rotate(120deg)}.ai-mark{border:2px solid var(--ai);width:70px;height:70px;color:var(--ai-dark);font:400 21px/1 var(--display);place-items:center;display:grid}.frontend-mark{color:#fff;background:var(--frontend);width:70px;height:70px;font:400 20px/1 var(--display);place-items:center;display:grid}.ddd-mark{border:2px solid var(--ddd);align-items:stretch;gap:5px;width:70px;height:70px;padding:13px;display:flex;transform:skew(-5deg)}.ddd-mark i{background:var(--ddd);flex:1}.ddd-mark i:nth-child(2){opacity:.65}.ddd-mark i:nth-child(3){opacity:.3}.track-description{color:#595b57;max-width:520px;min-height:56px;margin:38px 0 32px;font-size:14px;line-height:1.85}.track-stats{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:0;display:grid}.track-stats div{border-right:1px solid var(--line);padding:17px 12px 17px 0}.track-stats div+div{padding-left:18px}.track-stats div:last-child{border-right:0}.track-stats dt{color:var(--muted);font:500 9px var(--mono)}.track-stats dd{font:500 19px var(--mono);margin:8px 0 0}.track-progress{background:#d7d6ce;height:5px;margin:18px 0 26px;overflow:hidden}.track-progress i{background:var(--kafka);width:0;height:100%;display:block}.track-grpc .track-progress i{background:var(--grpc)}.track-redis .track-progress i{background:var(--redis)}.track-mysql .track-progress i{background:var(--mysql)}.track-go .track-progress i{background:var(--go)}.track-k8s .track-progress i{background:var(--k8s)}.track-ai .track-progress i{background:var(--ai)}.track-frontend .track-progress i{background:var(--frontend)}.track-ddd .track-progress i{background:var(--ddd)}.track-ddd .track-heading,.track-ddd .track-description,.track-ddd .track-stats,.track-ddd .track-progress,.track-ddd .track-action{max-width:760px}.track-action{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;min-height:74px;padding:0 2px;text-decoration:none;display:flex}.track-action span{gap:5px;font-size:15px;font-weight:700;display:grid}.track-action small{color:var(--muted);font:500 9px var(--mono)}.track-action b{font:400 30px/1 var(--mono);transition:transform .2s}.track-action:hover b{transform:translate(5px,-5px)}.system-map{color:var(--paper-bright);background:#1a1c1c;padding:100px clamp(28px,7vw,110px) 110px}.map-copy{justify-content:space-between;align-items:flex-end;gap:40px;display:flex}.map-copy h2{max-width:730px;margin:0;font-size:clamp(31px,4.5vw,61px);line-height:1.15}.map-flow{grid-template-columns:repeat(8,minmax(0,1fr) 16px) minmax(0,1fr);align-items:center;margin-top:72px;display:grid}.map-flow>div{border:1px solid #555853;min-height:170px;padding:25px}.map-flow span,.map-flow small{color:#9ea09a;font:500 10px var(--mono);display:block}.map-flow strong{font:400 27px var(--display);margin:38px 0 10px;display:block}.map-flow>i{background:#666963;height:1px;position:relative;overflow:visible}.map-flow>i b{background:var(--signal);border-radius:50%;width:9px;height:9px;position:absolute;top:-4px;left:0}.map-core{background:#232525;border-color:var(--signal)!important}footer{color:#a3a49f;background:var(--ink);min-height:70px;font:500 9px var(--mono);justify-content:space-between;align-items:center;padding:0 clamp(28px,7vw,110px);display:flex}@media (width<=820px){.topbar-meta span:last-child{display:none}.hero{height:max(620px,100svh - 34px);min-height:620px;max-height:760px;padding:108px 28px 126px}.hero-copy{width:100%}.hero h1{margin-top:22px;font-size:76px}.hero-copy p{width:78%;max-width:540px}.hero-actions{margin-top:25px}.hero-visual{opacity:.58;inset:68px -12% 42px 35%}.reactor-frame{inset-block:110px 28px}.reactor-ring-c{width:340px;height:340px}.module-node{width:92px;height:52px}.hero-metrics{gap:18px;bottom:58px}.learning-tracks{grid-template-columns:1fr}.track,.track-mysql,.track-go,.track-ai,.track-frontend,.track-ddd{grid-column:1}.track{border-right:0;border-bottom:1px solid var(--ink)}.track:last-child{border-bottom:0}.map-copy{flex-direction:column;align-items:flex-start}.map-flow{grid-template-columns:1fr}.map-flow>i{justify-self:center;width:1px;height:42px}}@media (width>=821px) and (width<=1180px){.hero-copy{width:61%}.hero h1{font-size:88px}.hero-visual{left:53%}.reactor-ring-c{width:340px;height:340px}.module-node{width:90px;height:50px}.learning-tracks{grid-template-columns:1fr 1fr}.track,.track-mysql,.track-go,.track-ai,.track-frontend,.track-ddd{grid-column:auto}.track:nth-child(2n){border-right:0}.track:nth-child(n+3){border-top:1px solid var(--ink)}}@media (width<=520px){.topbar{height:60px}.wordmark{padding:0 16px;font-size:15px}.topbar-meta{padding:0 16px}.hero{height:max(610px,100svh - 28px);min-height:610px;max-height:720px;padding:98px 20px 100px}.hero:before{background-size:42px 42px;top:60px}.hero:after{top:60px}.hero-kicker{font-size:8px}.hero h1{margin:20px 0 18px;font-size:54px;line-height:.84}.hero h1 .title-line b{display:block}.hero-copy p{width:100%;max-width:390px;font-size:13px;line-height:1.72}.hero-actions{align-items:flex-start;gap:14px;margin-top:22px}.hero-primary{gap:12px;min-height:50px;padding-left:15px;font-size:12px}.hero-primary b{width:34px;height:34px}.hero-note{display:none}.hero-visual{opacity:.38;inset:60px -40% 30px -15%}.reactor-frame{inset-block:308px 10px}.reactor-header,.reactor-readout,.reactor-ring-c{display:none}.reactor-ring-a{width:190px;height:190px}.reactor-ring-b{width:250px;height:250px}.reactor-core{width:140px;height:140px;top:calc(50% - 70px);left:calc(50% - 70px)}.core-pulse{width:172px;height:172px;top:calc(50% - 86px);left:calc(50% - 86px)}.module-node{width:82px;height:46px}.module-node strong{font-size:11px}.node-ddd{top:9%;left:7%}.node-go{top:7%;right:7%}.node-k8s{top:48%;right:1%}.node-mysql,.node-fe{display:none}.node-kafka{bottom:1%;left:45%}.node-grpc{bottom:8%;left:11%}.node-redis{top:48%;left:0}.node-ai{top:2%;left:31%}.hero-metrics{justify-content:space-between;gap:8px;bottom:50px;left:20px;right:20px}.hero-metrics span{gap:4px;display:grid}.hero-metrics strong{font-size:11px}.hero-metrics span:last-child{display:none}.hero-marquee{height:30px;line-height:30px}.track{padding:38px 22px 44px}.track-heading{margin-top:32px}.track h2{font-size:50px}.track-mark{transform-origin:100% 0;transform:scale(.72)}.track-description{min-height:0;margin-top:28px}.track-stats dd{font-size:15px}.track-stats div,.track-stats div+div{padding-inline:8px}.system-map{padding:70px 22px 76px}.map-flow{margin-top:46px}footer{padding:0 22px}footer span:last-child{display:none}}@media (width<=360px){.hero h1{font-size:46px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}