.pixel-blast{width:100%;height:100%;position:relative;overflow:hidden}.pixel-blast canvas{width:100%;height:100%;display:block}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-tracking:initial;--tw-leading:initial;--tw-font-weight:initial;--tw-border-style:solid;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.dev-page{padding-top:calc(var(--spacing,.25rem) * 20)}.dev-page .dev-hero-wrapper{position:relative;overflow:hidden}.dev-page .dev-hero{padding-inline:calc(var(--spacing,.25rem) * 12);padding-top:calc(var(--spacing,.25rem) * 20);padding-bottom:calc(var(--spacing,.25rem) * 10);flex-direction:column;display:flex;position:relative}@media not all and (min-width:64rem){.dev-page .dev-hero{padding-inline:calc(var(--spacing,.25rem) * 6);padding-top:calc(var(--spacing,.25rem) * 12);padding-bottom:calc(var(--spacing,.25rem) * 6)}}.dev-page .dev-hero-bg{pointer-events:none;top:calc(var(--spacing,.25rem) * 0);right:calc(var(--spacing,.25rem) * 0);bottom:calc(var(--spacing,.25rem) * 0);z-index:0;opacity:.4;width:60%;position:absolute;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 40%);mask-image:linear-gradient(90deg,#0000,#000 40%)}.dev-page .dev-hero-tag,.dev-page .dev-hero-title,.dev-page .dev-hero-sub{z-index:10;position:relative}.dev-page .dev-hero-tag{margin-bottom:calc(var(--spacing,.25rem) * 8);align-items:center;gap:calc(var(--spacing,.25rem) * 3);font-family:var(--font-family-ibm);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-tracking:.2em;letter-spacing:.2em;color:var(--secondary);text-transform:uppercase;display:flex}.dev-page .dev-hero-tag:before{content:"";height:1px;width:calc(var(--spacing,.25rem) * 6);background-color:var(--secondary);display:block}.dev-page .dev-hero-title{margin-bottom:calc(var(--spacing,.25rem) * 6);font-family:var(--font-family-display);--tw-leading:1;--tw-font-weight:var(--font-weight-extrabold,800);line-height:1;font-weight:var(--font-weight-extrabold,800);--tw-tracking:var(--tracking-tight,-.025em);letter-spacing:var(--tracking-tight,-.025em);color:var(--foreground);font-size:clamp(2.5rem,5vw,5rem)}.dev-page .dev-hero-title em{color:var(--accent);font-style:normal}.dev-page .dev-hero-sub{margin-bottom:calc(var(--spacing,.25rem) * 12);max-width:var(--container-2xl,42rem);font-family:var(--font-family-ibm);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:var(--leading-relaxed,1.625);line-height:var(--leading-relaxed,1.625);color:var(--secondary)}.dev-page .dev-hero-meta{z-index:10;border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--border);--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:relative}@media not all and (min-width:64rem){.dev-page .dev-hero-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}.dev-page .dev-hero-meta{background-color:var(--color-background)}@supports (color:color-mix(in lab,red,red)){.dev-page .dev-hero-meta{background-color:color-mix(in srgb,var(--color-background) 60%,transparent)}}.dev-page .dev-meta-item{justify-content:flex-end;align-items:flex-start;gap:calc(var(--spacing,.25rem) * 3);border-right-style:var(--tw-border-style);border-right-width:1px;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--border);padding-inline:calc(var(--spacing,.25rem) * 8);padding-block:calc(var(--spacing,.25rem) * 10);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;flex-direction:column;transition-duration:.3s;display:flex;overflow:hidden}.dev-page .dev-meta-item:last-child{border-right-style:var(--tw-border-style);border-right-width:0}@media not all and (min-width:64rem){.dev-page .dev-meta-item{padding-inline:calc(var(--spacing,.25rem) * 6);padding-block:calc(var(--spacing,.25rem) * 8)}.dev-page .dev-meta-item:nth-child(2){border-right-style:var(--tw-border-style);border-right-width:0}}.dev-page .dev-meta-item{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.dev-page .dev-meta-fuzzy{margin-left:-60px;line-height:0;display:block}.dev-page .dev-meta-label{font-family:var(--font-family-ibm);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-tracking:var(--tracking-widest,.1em);letter-spacing:var(--tracking-widest,.1em);color:var(--secondary);text-transform:uppercase}.dev-page .dev-section{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--border)}.dev-page .dev-section-header{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--border);padding-inline:calc(var(--spacing,.25rem) * 12);padding-top:calc(var(--spacing,.25rem) * 20);padding-bottom:calc(var(--spacing,.25rem) * 8);justify-content:space-between;align-items:flex-end;display:flex}@media not all and (min-width:64rem){.dev-page .dev-section-header{padding-inline:calc(var(--spacing,.25rem) * 6);padding-top:calc(var(--spacing,.25rem) * 10);padding-bottom:calc(var(--spacing,.25rem) * 6)}}.dev-page .dev-section-title{font-family:var(--font-family-display);--tw-leading:1;--tw-font-weight:var(--font-weight-extrabold,800);line-height:1;font-weight:var(--font-weight-extrabold,800);--tw-tracking:var(--tracking-tight,-.025em);letter-spacing:var(--tracking-tight,-.025em);color:var(--foreground);font-size:clamp(2.25rem,4vw,4rem)}.dev-page .dev-section-meta{font-family:var(--font-family-ibm);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-tracking:var(--tracking-widest,.1em);letter-spacing:var(--tracking-widest,.1em);color:var(--secondary);text-transform:uppercase}@media not all and (min-width:64rem){.dev-page .dev-section-meta{display:none}}.dev-page .dev-types-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media not all and (min-width:64rem){.dev-page .dev-types-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}.dev-page .dev-type{border-right-style:var(--tw-border-style);border-right-width:1px;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--border);padding:calc(var(--spacing,.25rem) * 12);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;flex-direction:column;transition-duration:.3s;display:flex;position:relative}@media not all and (min-width:64rem){.dev-page .dev-type{border-right-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem) * 6);padding-block:calc(var(--spacing,.25rem) * 10);border-right-width:0}}.dev-page .dev-type:nth-child(2n){border-right-style:var(--tw-border-style);border-right-width:0}.dev-page .dev-type:before{content:"";top:calc(var(--spacing,.25rem) * 0);right:calc(var(--spacing,.25rem) * 0);left:calc(var(--spacing,.25rem) * 0);--tw-scale-x:0%;height:1px;scale:var(--tw-scale-x) var(--tw-scale-y);background-color:var(--foreground);transform-origin:0;transition:transform .4s;position:absolute}.dev-page .dev-type:hover:before{--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.dev-page .dev-type:hover{background-color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.dev-page .dev-type:hover{background-color:color-mix(in oklab,var(--foreground) 3%,transparent)}}.dev-page .dev-type:hover .dev-type-num{color:var(--accent)}.dev-page .dev-type-num{margin-bottom:calc(var(--spacing,.25rem) * 6);font-family:var(--font-family-display);font-size:var(--text-4xl,2.25rem);line-height:var(--tw-leading,var(--text-4xl--line-height,calc(2.5 / 2.25)));--tw-leading:1;--tw-font-weight:var(--font-weight-extrabold,800);line-height:1;font-weight:var(--font-weight-extrabold,800);color:var(--border);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;transition-duration:.3s}.dev-page .dev-type-name{margin-bottom:calc(var(--spacing,.25rem) * 4);font-family:var(--font-family-display);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);--tw-tracking:var(--tracking-tight,-.025em);letter-spacing:var(--tracking-tight,-.025em);color:var(--foreground)}.dev-page .dev-type-desc{margin-bottom:calc(var(--spacing,.25rem) * 6);font-family:var(--font-family-ibm);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:var(--leading-relaxed,1.625);line-height:var(--leading-relaxed,1.625);color:var(--secondary);flex-grow:1}.dev-page .dev-type-tags{gap:calc(var(--spacing,.25rem) * 2);flex-wrap:wrap;display:flex}.dev-page .tag{border-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-width:1px;border-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.dev-page .tag{border-color:color-mix(in oklab,var(--border) 50%,transparent)}}.dev-page .tag{padding-inline:calc(var(--spacing,.25rem) * 2.5);padding-block:calc(var(--spacing,.25rem) * 1);font-family:var(--font-family-ibm);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-tracking:var(--tracking-widest,.1em);letter-spacing:var(--tracking-widest,.1em);color:var(--secondary);text-transform:uppercase}.dev-page .dev-process{padding-inline:calc(var(--spacing,.25rem) * 12);padding-block:calc(var(--spacing,.25rem) * 16);flex-direction:column;display:flex}@media not all and (min-width:64rem){.dev-page .dev-process{padding-inline:calc(var(--spacing,.25rem) * 6);padding-block:calc(var(--spacing,.25rem) * 10)}}.dev-page .dev-step{gap:calc(var(--spacing,.25rem) * 8);display:flex}@media not all and (min-width:64rem){.dev-page .dev-step{gap:calc(var(--spacing,.25rem) * 4)}}.dev-page .dev-step-line{width:calc(var(--spacing,.25rem) * 8);flex-direction:column;flex-shrink:0;align-items:center;display:flex}.dev-page .dev-step-dot{width:calc(var(--spacing,.25rem) * 3);height:calc(var(--spacing,.25rem) * 3);background-color:var(--accent);border-radius:3.40282e38px;flex-shrink:0}.dev-page .dev-step-connector{background-color:var(--border);flex-grow:1;width:1px}.dev-page .dev-step-content{padding-bottom:calc(var(--spacing,.25rem) * 12)}.dev-page .dev-step-content:last-child{padding-bottom:calc(var(--spacing,.25rem) * 0)}.dev-page .dev-step-num{margin-bottom:calc(var(--spacing,.25rem) * 2);font-family:var(--font-family-ibm);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-tracking:var(--tracking-widest,.1em);letter-spacing:var(--tracking-widest,.1em);color:var(--accent)}.dev-page .dev-step-title{margin-bottom:calc(var(--spacing,.25rem) * 3);font-family:var(--font-family-display);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);--tw-tracking:var(--tracking-tight,-.025em);letter-spacing:var(--tracking-tight,-.025em);color:var(--foreground)}.dev-page .dev-step-desc{margin-bottom:calc(var(--spacing,.25rem) * 4);max-width:var(--container-xl,36rem);font-family:var(--font-family-ibm);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:var(--leading-relaxed,1.625);line-height:var(--leading-relaxed,1.625);color:var(--secondary)}.dev-page .dev-step-output{font-family:var(--font-family-ibm);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.dev-page .dev-step-output{color:color-mix(in oklab,var(--secondary) 60%,transparent)}}.dev-page .dev-step-output span{color:var(--secondary)}.dev-page .dev-stack-grid{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media not all and (min-width:64rem){.dev-page .dev-stack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media not all and (min-width:40rem){.dev-page .dev-stack-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}.dev-page .dev-stack-group{border-right-style:var(--tw-border-style);border-right-width:1px;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--border);padding:calc(var(--spacing,.25rem) * 12)}@media not all and (min-width:64rem){.dev-page .dev-stack-group{padding-inline:calc(var(--spacing,.25rem) * 6);padding-block:calc(var(--spacing,.25rem) * 8)}.dev-page .dev-stack-group:nth-child(odd){border-right-style:var(--tw-border-style);border-right-width:1px}.dev-page .dev-stack-group:nth-child(2n){border-right-style:var(--tw-border-style);border-right-width:0}}@media not all and (min-width:40rem){.dev-page .dev-stack-group{border-right-style:var(--tw-border-style);border-right-width:0}}.dev-page .dev-stack-group:nth-child(4n){border-right-style:var(--tw-border-style);border-right-width:0}.dev-page .dev-stack-label{margin-bottom:calc(var(--spacing,.25rem) * 6);font-family:var(--font-family-display);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);--tw-tracking:var(--tracking-widest,.1em);letter-spacing:var(--tracking-widest,.1em);color:var(--foreground);text-transform:uppercase}.dev-page .dev-stack-items{gap:calc(var(--spacing,.25rem) * 2);flex-direction:column;display:flex}.dev-page .dev-stack-item{font-family:var(--font-family-ibm);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:var(--leading-relaxed,1.625);line-height:var(--leading-relaxed,1.625);color:var(--secondary)}.dev-page .dev-stack-item:before{content:"+ ";color:var(--accent)}.dev-page .dev-stack-note{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--border);padding-inline:calc(var(--spacing,.25rem) * 12);padding-block:calc(var(--spacing,.25rem) * 8);font-family:var(--font-family-ibm);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--secondary);font-style:italic}@media not all and (min-width:64rem){.dev-page .dev-stack-note{padding-inline:calc(var(--spacing,.25rem) * 6)}}.dev-page .dev-cta{align-items:center;gap:calc(var(--spacing,.25rem) * 20);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--border);padding-inline:calc(var(--spacing,.25rem) * 12);padding-block:calc(var(--spacing,.25rem) * 28);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media not all and (min-width:64rem){.dev-page .dev-cta{gap:calc(var(--spacing,.25rem) * 10);padding-inline:calc(var(--spacing,.25rem) * 6);padding-block:calc(var(--spacing,.25rem) * 16);grid-template-columns:repeat(1,minmax(0,1fr))}}.dev-page .dev-cta-left{font-family:var(--font-family-display);--tw-leading:1;--tw-font-weight:var(--font-weight-extrabold,800);line-height:1;font-weight:var(--font-weight-extrabold,800);--tw-tracking:var(--tracking-tight,-.025em);letter-spacing:var(--tracking-tight,-.025em);color:var(--foreground);font-size:clamp(2.5rem,5vw,4.5rem)}.dev-page .dev-cta-right{gap:calc(var(--spacing,.25rem) * 8);flex-direction:column;display:flex}.dev-page .dev-cta-text{font-family:var(--font-family-ibm);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));--tw-leading:var(--leading-loose,2);line-height:var(--leading-loose,2);color:var(--secondary)}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}