.preloader{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--bg);z-index:9999;display:flex;justify-content:center;align-items:center;transition:opacity .5s ease}.preloader.fade-out{opacity:0;pointer-events:none}.preloader-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.loading-text{font-size:2rem;color:var(--dark)}.dots{animation:blink 1.5s infinite}.pixel-progress-bar{width:300px;height:30px;background-color:var(--bg-light);padding:4px}.pixel-progress-fill{height:100%;transition:width .2s ease}.progress-text{font-size:1.2rem;color:var(--primary)}:root{--primary: #FF6A1A;--primary-hover: #E65C12;--primary-soft: #FFF3EC;--dark: #0F0F0F;--dark-sec: #1A1A1A;--bg: #FFFFFF;--bg-light: #F5F5F5;--border: #E5E5E5;--text-main: #111111;--text-sec: #555555;--text-muted: #888888;--font-pixel: "Press Start 2P", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--bg);color:var(--text-main);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-pixel);font-weight:400;line-height:1.3}a{text-decoration:none;color:inherit}.show-on-mobile{display:none}.pixel-border{border:4px solid var(--dark);box-shadow:4px 4px 0 var(--dark);transition:transform .1s,box-shadow .1s}.pixel-border:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--dark)}.pixel-border-sm{border:2px solid var(--dark);box-shadow:2px 2px 0 var(--dark)}.pixel-border-primary{border:4px solid var(--primary);box-shadow:4px 4px 0 var(--primary);transition:transform .1s,box-shadow .1s}.pixel-border-primary:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--primary)}.pixel-text{font-family:var(--font-pixel)}.bg-primary{background-color:var(--primary)}.bg-dark{background-color:var(--dark);color:var(--bg)}.bg-soft{background-color:var(--primary-soft)}.text-primary{color:var(--primary)}.text-dark{color:var(--dark)}.text-muted{color:var(--text-muted)}.text-bg{color:var(--bg)}.text-bg-light{color:var(--bg-light)}.hover-primary{transition:color .2s}.hover-primary:hover{color:var(--primary)}.hover-dark{transition:background-color .2s,color .2s}.hover-dark:hover{background-color:var(--dark);color:var(--bg)}.hover-bg-primary{transition:background-color .2s,color .2s}.hover-bg-primary:hover{background-color:var(--primary);color:var(--bg);border-color:var(--primary);box-shadow:4px 4px 0 var(--primary)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pixel-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(80px) rotate(45deg);opacity:0}}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2rem}.bento-wide{grid-column:span 6}.bento-square{grid-column:span 4}@media (max-width: 992px){.bento-square{grid-column:span 6}}@media (max-width: 768px){.bento-wide,.bento-square{grid-column:span 12}h1{font-size:2rem!important}h2{font-size:1.8rem!important}h3{font-size:1.4rem!important}h4{font-size:1.1rem!important}section,header,footer,main>div{padding-left:1rem!important;padding-right:1rem!important}.hide-on-mobile{display:none!important}.show-on-mobile{display:inline!important}.hero-title{min-height:12rem!important}.hero-buttons{flex-wrap:nowrap!important;gap:.5rem!important;width:100%}.hero-btn{font-size:.8rem!important;padding:.8rem .5rem!important;text-align:center;flex:1}.filter-btn{font-size:.65rem!important;padding:.5rem 1rem!important}.portfolio-grid{grid-template-columns:1fr!important}.about-stacks-grid{grid-template-columns:1fr 1fr!important;gap:.8rem!important}.about-stacks-grid>div{padding:.8rem!important;gap:.5rem!important;flex-direction:column!important;align-items:center!important;text-align:center!important}.about-stacks-grid h5{font-size:.7rem!important}.about-stacks-grid p{font-size:.5rem!important}.resources-header{justify-content:center!important;text-align:center!important}.resources-header-sub{text-align:center!important}.resources-tabs{justify-content:center!important}.mobile-menu-btn{display:block!important}.header-container{flex-direction:row!important}.header-nav{display:none!important;position:absolute;top:100%;left:0;width:100%;background-color:var(--dark);flex-direction:column!important;padding:2rem!important;border-bottom:2px solid var(--border);z-index:40}.header-nav.open{display:flex!important}.process-left{justify-content:center!important;position:relative!important;height:auto!important;top:0!important;margin-bottom:2rem;flex:1 1 100%!important;text-align:center}.process-right{padding-top:2rem!important;padding-bottom:2rem!important;flex:1 1 100%!important}.process-step-container{flex-direction:row!important;gap:1rem!important;align-items:flex-start!important;text-align:left!important}.process-step-content{transform:translate(0)!important;padding:1.5rem!important}.process-line-bg{top:2rem!important;bottom:2rem!important}.process-line-fill{top:2rem!important;height:calc((100% - 4rem) * var(--progress))!important}.comparison-header{display:grid!important;grid-template-columns:1fr auto auto!important;gap:1rem!important}.comparison-header:before{content:"Feature";font-family:var(--font-pixel);font-size:.8rem;align-self:center}.comparison-header h3{font-size:.7rem!important;flex-direction:column!important;gap:.4rem!important;align-items:center!important}.comparison-header h3 span{width:24px!important;height:24px!important}.comparison-grid{grid-template-columns:1fr auto auto!important;gap:1rem!important;display:grid!important}.comp-col{display:contents!important}.comp-me .comp-text{order:1;margin-right:1rem}.comp-me .comp-icon{order:2;margin-top:0!important;display:flex;align-items:center;justify-content:center}.comp-others .comp-icon{order:3;margin-top:0!important;display:flex;align-items:center;justify-content:center;opacity:.6}.comp-others .comp-others-text{display:none!important}.footer-container>div{justify-content:center!important;text-align:center}}