.split{border:1px solid var(--line);border-radius:18px;grid-template-columns:1fr 1fr;margin-top:8px;display:grid;overflow:hidden}.split>div{padding:34px}.split .left{border-right:1px solid var(--line);background:var(--surface-2)}.split h3{letter-spacing:.18em;text-transform:uppercase;margin-bottom:16px;font-family:JetBrains Mono,monospace;font-size:12px}.split .left h3{color:var(--dim)}.split .right h3{color:var(--accent)}.split p{color:var(--text);font-size:16.5px;line-height:1.6}.split p+p{color:var(--dim);margin-top:12px;font-size:15px}@media (width<=760px){.split{grid-template-columns:1fr}.split .left{border-right:0;border-bottom:1px solid var(--line)}}.pillars{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px;display:grid}.pillar{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:28px}.pillar .mk{border:1px solid var(--line-2);width:42px;height:42px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin-bottom:18px;font-family:JetBrains Mono,monospace;font-size:18px;display:flex}.pillar h3{margin-bottom:9px;font-size:19px}.pillar p{color:var(--dim);font-size:15px;line-height:1.6}@media (width<=760px){.pillars{grid-template-columns:1fr}}.steps.four{grid-template-columns:repeat(4,1fr)}@media (width<=860px){.steps.four{grid-template-columns:1fr 1fr}}@media (width<=480px){.steps.four{grid-template-columns:1fr}}.racks{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface-2);padding:clamp(28px,4.4vw,48px) 24px;position:relative;overflow:hidden}.rackbox{border:1px solid var(--line-2);max-width:980px;height:clamp(158px,20vw,216px);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--fg-max) 6%, transparent),0 20px 54px color-mix(in srgb, var(--umbra) 50%, transparent);background:linear-gradient(oklch(20.96% .0123 270.77),oklch(15.87% .0091 264.27));border-radius:14px;margin:0 auto;position:relative;overflow:hidden}.rb-bezel{z-index:3;border-bottom:1px solid var(--line-2);background:linear-gradient(oklch(23.55% .0161 268.98),oklch(18.64% .0132 264.18));justify-content:space-between;align-items:center;height:42px;padding:0 18px;display:flex;position:absolute;top:0;left:0;right:0}.rb-tag{letter-spacing:.22em;text-transform:uppercase;color:oklch(84.73% .0106 261.79);align-items:center;gap:9px;font-family:JetBrains Mono,monospace;font-size:10.5px;display:flex}.rb-tag .live{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%;animation:2.4s step-end infinite ledBlink}.rb-leds{gap:8px;display:flex}.rb-leds i{background:var(--accent);width:5px;height:5px;box-shadow:0 0 7px 1px var(--accent);border-radius:50%;animation:3s step-end infinite ledBlink}.rb-leds i.m{background:var(--accent-2);box-shadow:0 0 7px 1px var(--accent-2);animation-duration:3.6s}.rb-leds i:nth-child(2){animation-delay:.5s}.rb-leds i:nth-child(3){animation-delay:1.1s}.rb-leds i:nth-child(4){animation-delay:1.7s}.rb-leds i:nth-child(5){animation-delay:.8s}@keyframes ledBlink{0%,to{opacity:1}44%{opacity:.24}68%{opacity:.85}}.rb-grille{background:radial-gradient(ellipse 86% 100% at 50% 58%, color-mix(in srgb, var(--accent) 14%, transparent), color-mix(in srgb, var(--accent-2) 5%, transparent) 55%, transparent 78%);position:absolute;inset:42px 0 0;overflow:hidden}.rb-glow{z-index:0;pointer-events:none;opacity:.85;background:radial-gradient(ellipse 54% 84% at 50% 58%, oklch(70.6% .1887 35.46), color-mix(in srgb, var(--accent-2) 55%, transparent) 40%, transparent 72%);filter:blur(9px);animation:rackBreath 5.4s var(--ease) infinite;position:absolute;inset:-34% -2% -8%}@keyframes rackBreath{0%,to{opacity:.6;transform:scale(.98)}50%{opacity:1;transform:scale(1.05)}}.rb-hex{z-index:2;background:linear-gradient(oklch(18.13% .0114 260.64),oklch(14.25% .0086 245.72));position:absolute;inset:0;mask-image:radial-gradient(circle,#0000 0 2.9px,#000 3.5px);mask-size:11px 11px;mask-repeat:repeat}.rb-frame{z-index:3;pointer-events:none;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--fg-max) 4%, transparent), inset 0 -34px 64px color-mix(in srgb, var(--umbra) 60%, transparent), inset 0 22px 44px color-mix(in srgb, var(--umbra) 40%, transparent), inset 0 0 100px color-mix(in srgb, var(--umbra) 55%, transparent);position:absolute;inset:42px 0 0}@media (width<=560px){.rb-hex{mask-size:9px 9px}.rb-leds i:nth-child(n+4){display:none}}