.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-nav{background:var(--primary);color:#fff;z-index:99999;font-family:var(--font-retro);border:2px solid var(--border-highlight);padding:.75rem 1.5rem;font-size:1rem;text-decoration:none;position:absolute;top:-100%;left:50%;transform:translate(-50%)}.skip-nav:focus{top:8px}:root{--bg:#f0e6d3;--bg-panel:#e6daca;--bg-card:#fff8ed;--bg-window:#fff;--text:#2c2416;--text-muted:#7a6b55;--primary:#2d70f5;--primary-hover:#1a5ad4;--accent:#c8860a;--border:#c4b596;--border-highlight:#8b7d5e;--border-light:#d9cebc;--shadow:#2c241626;--shadow-dark:#2c24164d;--titlebar:linear-gradient(180deg, #fff 0%, #d9cebc 100%);--font-sans:"Inter", system-ui, sans-serif;--font-heading:"Space Grotesk", sans-serif;--font-mono:"JetBrains Mono", monospace;--font-retro:"VT323", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:16px}::-webkit-scrollbar-track{background:var(--bg-panel);border-left:1px solid var(--border)}::-webkit-scrollbar-thumb{background:var(--border);border:2px solid var(--bg-panel);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--border-highlight)}::-webkit-scrollbar-button{background:var(--bg-panel);border:1px solid var(--border);height:16px;display:block}::selection{background:var(--primary);color:#fff}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--text)}.mono{font-family:var(--font-mono)}.retro{font-family:var(--font-retro)}.uppercase{text-transform:uppercase;letter-spacing:.1em}.accent-text{color:var(--primary)}.bg-grid{background-image:radial-gradient(circle, var(--border-light) 1px, transparent 1px);opacity:.5;z-index:-1;pointer-events:none;background-size:24px 24px;position:fixed;inset:0}.mac-window{background:var(--bg-card);border:2px solid var(--border-highlight);box-shadow:3px 3px 0px var(--shadow-dark), inset 1px 1px 0px #fff9}.mac-titlebar{background:var(--titlebar);border-bottom:2px solid var(--border-highlight);align-items:center;gap:8px;height:22px;padding:4px 8px;display:flex;position:relative}.mac-titlebar:after{content:"";background:repeating-linear-gradient(90deg, var(--border) 0px, var(--border) 2px, transparent 2px, transparent 4px);height:1px;position:absolute;top:50%;left:30px;right:8px;transform:translateY(-50%)}.mac-close{border:1px solid var(--border-highlight);background:var(--bg-card);z-index:1;flex-shrink:0;width:12px;height:12px}.mac-title{font-family:var(--font-retro);color:var(--text);background:var(--bg-panel);z-index:1;white-space:nowrap;padding:0 8px;font-size:14px;position:absolute;left:50%;transform:translate(-50%)}nav{z-index:1000;border-bottom:2px solid var(--border-highlight);background:var(--bg-panel);padding:0;transition:all .3s;position:fixed;top:0;left:0;right:0}nav.scrolled{-webkit-backdrop-filter:blur(12px);box-shadow:0 2px 12px var(--shadow);background:#e6dacacc}.nav-container{justify-content:space-between;align-items:center;max-width:1400px;height:64px;margin:0 auto;padding:0 2rem;display:flex}.logo{align-items:center;gap:.75rem;font-weight:700;text-decoration:none;display:flex}.logo-icon{border:2px solid var(--primary);background:var(--bg-card);width:22px;height:22px;position:relative}.logo-icon:after{content:"";background:var(--primary);position:absolute;inset:3px}.logo-text{color:var(--text);font-family:var(--font-retro);letter-spacing:.05em;font-size:1.15rem}.nav-links{align-items:center;gap:.25rem;display:flex}.nav-links a:not(.btn-primary){color:var(--text);font-family:var(--font-retro);border:1px solid #0000;padding:.35rem .75rem;font-size:1rem;text-decoration:none;transition:all .15s}.nav-links a:not(.btn-primary):hover{background:var(--bg-card);border:1px solid var(--border);box-shadow:inset 1px 1px 0 #ffffff80, 1px 1px 0 var(--shadow)}.btn-primary{background:var(--bg-card);color:var(--text);font-family:var(--font-retro);border:2px solid var(--border-highlight);cursor:pointer;box-shadow:2px 2px 0px var(--shadow-dark), inset 1px 1px 0px #fff9;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:1.1rem;font-weight:400;text-decoration:none;transition:all .1s;display:inline-flex}.btn-primary:hover{background:var(--primary);color:#fff;border-color:var(--primary-hover)}.btn-primary:active{box-shadow:inset 2px 2px 0px var(--shadow-dark);transform:translate(1px,1px)}.btn-secondary{background:var(--bg-panel);color:var(--text);font-family:var(--font-retro);border:2px solid var(--border);box-shadow:2px 2px 0px var(--shadow), inset 1px 1px 0px #fff6;border-radius:4px;padding:.5rem 1.25rem;font-size:1.1rem;font-weight:400;text-decoration:none;transition:all .1s}.btn-secondary:hover{border-color:var(--border-highlight);background:var(--bg-card)}.hero{justify-content:center;align-items:center;min-height:90vh;padding:7rem 2rem 4rem;display:flex;position:relative;overflow:hidden}.hero-content{z-index:2;grid-template-columns:1.3fr 1fr;align-items:center;gap:2rem;width:100%;max-width:1400px;display:grid;position:relative}.kicker{font-family:var(--font-retro);color:var(--accent);align-items:center;gap:1rem;margin-bottom:1.5rem;font-size:1.1rem;display:flex}.kicker:before{content:"";background:var(--accent);width:30px;height:2px;display:block}.hero h1{letter-spacing:-.01em;min-height:2.5em;margin-bottom:1.5rem;font-size:clamp(2.2rem,5vw,4.8rem);font-weight:700;line-height:1.1}.cursor{background-color:var(--text);vertical-align:text-bottom;width:.5em;height:1em;margin-left:6px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero p{color:var(--text-muted);border-left:3px solid var(--border-highlight);max-width:700px;margin-bottom:2.5rem;padding-left:1rem;font-size:1.1rem}.hero-buttons{flex-wrap:wrap;gap:1rem;margin-bottom:4rem;display:flex}.hero-stats{border-top:2px solid var(--border);gap:3rem;padding-top:2rem;display:flex}.stat-box{flex-direction:column;gap:.25rem;display:flex}.stat-label{font-family:var(--font-retro);color:var(--text-muted);text-transform:uppercase;font-size:1rem}.stat-value{font-family:var(--font-retro);color:var(--text);font-size:2.5rem}section{border-bottom:2px solid var(--border);padding:5rem 1.5rem;scroll-margin-top:60px}.section-dark{background:var(--bg)}.section-alt{background:linear-gradient(180deg, var(--bg-panel) 0%, var(--bg) 40%, var(--bg) 60%, var(--bg-panel) 100%)}.container{max-width:1100px;margin:0 auto;position:relative}.section-header{margin-bottom:4rem}.section-kicker{font-family:var(--font-retro);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:1.15rem;display:block}.section-header h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.1}.bracket-box{background:var(--bg-card);border:2px solid var(--border-highlight);box-shadow:3px 3px 0px var(--shadow-dark), inset 1px 1px 0px #ffffff80;padding:0;position:relative}.bracket-box:before,.bracket-box:after{content:none}.bracket-box .bracket-titlebar{background:var(--titlebar);border-bottom:2px solid var(--border-highlight);align-items:center;height:20px;padding:3px 8px;display:flex;position:relative}.bracket-box .bracket-titlebar:after{content:"";background:repeating-linear-gradient(90deg, var(--border) 0px, var(--border) 2px, transparent 2px, transparent 4px);height:1px;position:absolute;top:50%;left:8px;right:8px}.comparison{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.compare-card{background:var(--bg-card);border:2px solid var(--border-highlight);box-shadow:3px 3px 0px var(--shadow-dark);padding:0;position:relative}.compare-titlebar{background:var(--titlebar);border-bottom:2px solid var(--border-highlight);align-items:center;gap:6px;height:22px;padding:3px 8px;display:flex;position:relative}.compare-titlebar .mac-close{width:11px;height:11px}.compare-titlebar:after{content:"";background:repeating-linear-gradient(90deg, var(--border) 0px, var(--border) 2px, transparent 2px, transparent 4px);height:1px;position:absolute;top:50%;left:28px;right:8px}.compare-titlebar-text{font-family:var(--font-retro);color:var(--text);background:var(--bg-panel);z-index:1;white-space:nowrap;padding:0 6px;font-size:13px;position:absolute;left:50%;transform:translate(-50%)}.compare-card-inner{padding:2rem}.compare-card.problem .compare-titlebar{background:linear-gradient(#ffe0e0 0%,#f5c4c4 100%)}.compare-card.solution .compare-titlebar{background:linear-gradient(#d0e0ff 0%,#b8ccf0 100%)}.compare-badge{font-family:var(--font-retro);margin-bottom:1rem;font-size:1rem;display:inline-block}.problem .compare-badge{color:#c0392b}.solution .compare-badge{color:var(--primary)}.compare-card h3{margin-bottom:1.5rem;font-size:1.5rem}.compare-card ul{list-style:none}.compare-card li{color:var(--text-muted);border-bottom:1px dashed var(--border);align-items:flex-start;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;font-size:.9rem;display:flex}.compare-card li:last-child{border-bottom:none}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.card{border:2px solid var(--border-highlight);background:var(--bg-card);box-shadow:3px 3px 0px var(--shadow-dark), inset 1px 1px 0px #ffffff80;padding:0;transition:all .2s;position:relative}.card:hover{box-shadow:5px 5px 0px var(--shadow-dark), inset 1px 1px 0px #ffffff80;transform:translate(-1px,-1px)}.card-titlebar{background:var(--titlebar);border-bottom:2px solid var(--border-highlight);align-items:center;gap:6px;height:22px;padding:3px 8px;display:flex;position:relative}.card-titlebar .mac-close{width:11px;height:11px}.card-titlebar:after{content:"";background:repeating-linear-gradient(90deg, var(--border) 0px, var(--border) 2px, transparent 2px, transparent 4px);height:1px;position:absolute;top:50%;left:28px;right:8px}.card-titlebar-text{font-family:var(--font-retro);color:var(--text);background:var(--bg-panel);z-index:1;white-space:nowrap;padding:0 6px;font-size:13px;position:absolute;left:50%;transform:translate(-50%)}.card-inner{padding:1.75rem}.card-id{font-family:var(--font-retro);color:var(--text-muted);font-size:1rem;position:absolute;top:1.75rem;right:1.75rem}.card-icon{color:var(--primary);margin-bottom:1.25rem}.card-icon svg{width:24px;height:24px}.card h3{margin-bottom:.75rem;font-size:1.25rem}.card p{color:var(--text-muted);font-size:.9rem;line-height:1.6}.module-addon{border:2px solid var(--border-highlight);background:var(--bg-card);box-shadow:3px 3px 0px var(--shadow-dark);grid-template-columns:1fr 1fr;align-items:stretch;gap:0;margin-top:4rem;padding:0;display:grid;position:relative}.module-addon-titlebar{background:var(--titlebar);border-bottom:2px solid var(--border-highlight);grid-column:1/-1;align-items:center;gap:6px;height:22px;padding:3px 8px;display:flex;position:relative}.module-addon-titlebar .mac-close{width:11px;height:11px}.module-addon-titlebar:after{content:"";background:repeating-linear-gradient(90deg, var(--border) 0px, var(--border) 2px, transparent 2px, transparent 4px);height:1px;position:absolute;top:50%;left:28px;right:8px}.module-addon-titlebar-text{font-family:var(--font-retro);color:var(--text);background:var(--bg-panel);z-index:1;padding:0 6px;font-size:13px;position:absolute;left:50%;transform:translate(-50%)}.module-content{padding:1.75rem 2.5rem}.module-visual{border-left:2px solid var(--border);justify-content:center;align-items:center;padding:1.5rem 2rem;display:flex}.wireframe-phone{border:2px solid var(--border-highlight);aspect-ratio:9/19;background:var(--bg-panel);width:100%;max-width:300px;box-shadow:3px 3px 0px var(--shadow-dark);flex-direction:column;gap:1rem;margin:0 auto;padding:1rem;display:flex;position:relative}.wireframe-phone:after{content:"+";color:var(--border);font-family:var(--font-retro);z-index:0;pointer-events:none;font-size:4rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wf-header{z-index:1;align-items:center;gap:1rem;display:flex}.wf-avatar{border:2px solid var(--border-highlight);background:var(--bg-card);width:40px;height:40px}.wf-lines{flex-direction:column;flex:1;gap:4px;display:flex}.wf-line{background:var(--border-highlight);width:100%;height:4px}.wf-line.short{width:60%}.wf-grid{z-index:1;flex:1;grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.wf-box{border:2px solid var(--border);background:var(--bg-card)}.carousel-container{width:100%;max-width:1100px;margin:0 auto;position:relative;overflow:visible}.project-image{overflow:visible}.project-image img{clip-path:inset(0)}.px-worker{image-rendering:pixelated;pointer-events:none;z-index:10;position:absolute}.px-sitter{width:30px;top:-2px;left:16px;transform:translateY(-80%)}.px-sitter .px-legs{transform-origin:top;animation:2.5s ease-in-out infinite pixelKick}@keyframes pixelKick{0%,to{transform:rotate(0)}50%{transform:rotate(8deg)}}.px-walker{width:28px;animation:12s linear infinite pixelWalk;top:-2px;transform:translateY(-100%)}@keyframes pixelWalk{0%{left:20%}50%{left:65%}to{left:20%}}.px-hammerer{width:34px;top:-2px;right:14px;transform:translateY(-82%)}.px-hammerer .px-arm{transform-origin:0 100%;animation:.8s steps(2,end) infinite pixelHammer}@keyframes pixelHammer{0%,60%{transform:rotate(0)}30%{transform:rotate(-35deg)}}.px-painter{width:28px;top:25%;right:-2px;transform:translate(90%)}.px-painter .px-brush{transform-origin:100%;animation:1.5s ease-in-out infinite pixelPaint}@keyframes pixelPaint{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.px-flagger{width:30px;top:-2px;right:60px;transform:translateY(-95%)}.px-flagger .px-flag{transform-origin:bottom;animation:2s ease-in-out infinite pixelFlag}@keyframes pixelFlag{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.px-climber{width:28px;bottom:20%;left:-2px;transform:translate(-85%)}.px-climber .px-climb-arm{transform-origin:50%;animation:1.2s steps(2,end) infinite pixelClimb}@keyframes pixelClimb{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.px-welder{width:30px;bottom:-2px;left:40%;transform:translateY(75%)}.px-welder .px-sparks{animation:.4s steps(2,end) infinite pixelSpark}@keyframes pixelSpark{0%{opacity:1}50%{opacity:.3}}.carousel-btn.right{overflow:visible}.px-rope-group{z-index:25;pointer-events:none;transform-origin:top;flex-direction:column;align-items:center;animation:3s ease-in-out infinite pixelSwing;display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes pixelSwing{0%,to{transform:translate(-50%)rotate(-4deg)}50%{transform:translate(-50%)rotate(4deg)}}.px-rope-line{background:repeating-linear-gradient(180deg, var(--border-highlight) 0px, var(--border-highlight) 4px, var(--border) 4px, var(--border) 8px);width:3px;height:30px}.px-hanger{width:28px;image-rendering:pixelated}.px-spidey{width:36px;image-rendering:pixelated;pointer-events:none;z-index:20;animation:5s ease-in-out infinite spideyBounce;position:absolute;top:-2px;right:12px;transform:translateY(-88%)}@keyframes spideyBounce{0%{transform:translateY(-95%)}25%{transform:translateY(-30%)}50%{transform:translateY(-10%)}75%{transform:translateY(-50%)}to{transform:translateY(-95%)}}.px-spidey .spidey-web{transform-origin:top;animation:5s ease-in-out infinite webStretch}@keyframes webStretch{0%,to{opacity:.7;transform:scaleY(1)}30%{opacity:.5;transform:scaleY(.7)}50%{opacity:1;transform:scaleY(1.2)}70%{opacity:.6;transform:scaleY(.8)}}.comparison{position:relative;overflow:visible}.px-demo-worker{image-rendering:pixelated;pointer-events:none;z-index:10;width:28px;position:absolute}.px-thumbs-up{animation:2s ease-in-out infinite pixelBounce;bottom:-6px;right:-8px;transform:translateY(50%)}@keyframes pixelBounce{0%,to{transform:translateY(50%)}50%{transform:translateY(42%)}}.px-facepalm{bottom:-6px;left:-8px;transform:translateY(50%)}.contact-grid{position:relative;overflow:visible}.px-contact-worker{image-rendering:pixelated;pointer-events:none;z-index:10;position:absolute}.px-megaphone{width:34px;animation:2.5s ease-in-out infinite pixelShout;top:-10px;right:-4px;transform:translateY(-70%)}@keyframes pixelShout{0%,to{transform:translateY(-70%)scale(1)}50%{transform:translateY(-73%)scale(1.05)}}.footer-content{position:relative;overflow:visible}.px-footer-worker{image-rendering:pixelated;pointer-events:none;z-index:10;position:absolute}.px-surveyor{width:30px;top:-4px;left:50%;transform:translate(-50%,-85%)}@media (max-width:768px){.px-worker,.px-rope-group,.px-spidey,.px-demo-worker,.px-contact-worker,.px-footer-worker{display:none}}.chatbot-fab{z-index:9999;cursor:pointer;filter:drop-shadow(3px 4px #2c24164d);opacity:0;pointer-events:none;background:0 0;border:none;padding:0;transition:transform .2s,opacity .4s;position:fixed;bottom:24px;right:24px}.chatbot-fab.visible{opacity:1;pointer-events:auto}.chatbot-fab:hover{transform:scale(1.08)}.chatbot-fab svg{image-rendering:pixelated;width:100px;height:100px}.chatbot-fab .wave-arm{transform-origin:28px 42px;animation:1.5s ease-in-out infinite pixelWave}@keyframes pixelWave{0%,to{transform:rotate(0)}25%{transform:rotate(-15deg)}50%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}}.chatbot-hint{z-index:9999;background:var(--bg-card);border:2px solid var(--border-highlight);box-shadow:3px 3px 0px var(--shadow-dark);font-family:var(--font-retro);color:var(--text);pointer-events:none;opacity:0;align-items:center;gap:8px;padding:8px 14px;font-size:1rem;transition:opacity .3s,transform .3s;display:flex;position:fixed;bottom:128px;right:24px;transform:translateY(8px)}.chatbot-hint.show{opacity:1;pointer-events:auto;transform:translateY(0)}.chatbot-hint-close{cursor:pointer;font-family:var(--font-retro);color:var(--text-muted);border:1px solid var(--border);background:var(--bg-panel);flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:.85rem;line-height:1;display:flex}.chatbot-hint-close:hover{border-color:var(--accent);color:var(--accent)}.chatbot-hint:after{content:"";border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid var(--border-highlight);width:0;height:0;position:absolute;bottom:-8px;right:30px}.chatbot-panel{z-index:9998;border:2px solid var(--border-highlight);width:340px;max-height:450px;box-shadow:4px 4px 0px var(--shadow-dark);background:var(--bg-card);flex-direction:column;display:none;position:fixed;bottom:130px;right:24px}.chatbot-panel.open{display:flex}.chatbot-panel .mac-titlebar{cursor:default;flex-shrink:0}.chatbot-messages{min-height:200px;max-height:300px;font-family:var(--font-retro);color:var(--text);flex-direction:column;flex:1;gap:12px;padding:16px;font-size:1.05rem;display:flex;overflow-y:auto}.chat-msg{border:1px solid var(--border);background:var(--bg-panel);max-width:85%;padding:8px 12px;line-height:1.4}.chat-msg.bot{border-color:var(--primary);align-self:flex-start}.chat-msg.user{background:var(--primary);color:#fff;border-color:var(--primary);align-self:flex-end}.chat-options{flex-direction:column;align-self:flex-start;gap:6px;max-width:90%;display:flex}.chat-option-btn{border:1px solid var(--primary);background:var(--bg-card);color:var(--primary);font-family:var(--font-retro);cursor:pointer;text-align:left;align-items:center;gap:8px;padding:8px 14px;font-size:.95rem;line-height:1.3;transition:background .15s,color .15s,transform .1s;display:flex}.chat-option-btn:hover{background:var(--primary);color:#fff;transform:translate(3px)}.chat-option-btn .opt-icon{flex-shrink:0;font-style:normal}.chat-msg.bot.typing{align-items:center;gap:4px;min-width:50px;display:flex}.chat-msg.bot.typing .dot{background:var(--primary);width:6px;height:6px;animation:1.2s ease-in-out infinite typingDot}.chat-msg.bot.typing .dot:nth-child(2){animation-delay:.2s}.chat-msg.bot.typing .dot:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@media (max-width:768px){.chatbot-fab{bottom:16px;right:16px}.chatbot-fab svg{width:70px;height:70px}.chatbot-hint{bottom:90px;right:16px}.chatbot-panel{width:calc(100vw - 32px);bottom:90px;right:16px}}@media (max-width:480px){.chatbot-fab svg{width:60px;height:60px}.chatbot-fab{bottom:12px;right:12px}.chatbot-hint{font-size:.85rem;bottom:76px;right:12px}.chatbot-panel{width:calc(100vw - 24px);bottom:76px;right:12px}.hero h1{font-size:2rem}.hero-buttons{flex-direction:column;gap:.75rem}.hero-buttons .btn-primary,.hero-buttons .btn-secondary{text-align:center;justify-content:center;width:100%}}.carousel-track{perspective:1200px;transform-style:preserve-3d;grid-template-areas:"card";padding:2rem 0;display:grid}.carousel-slide{background:var(--bg-card);border:2px solid var(--border-highlight);opacity:0;pointer-events:none;z-index:1;box-shadow:3px 3px 0px var(--shadow-dark);grid-area:card;padding:2.5rem;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .6s,filter .6s}.carousel-slide.active{opacity:1;z-index:10;pointer-events:auto;filter:blur();box-shadow:5px 5px 0px var(--shadow-dark);border-color:var(--border-highlight);transform:translate(0)scale(1)translateZ(0)rotateY(0)}.carousel-slide.prev{opacity:.3;z-index:5;pointer-events:auto;cursor:pointer;filter:blur(5px);transform:translate(-55%)scale(.85)translateZ(-150px)rotateY(15deg)}.carousel-slide.next{opacity:.3;z-index:5;pointer-events:auto;cursor:pointer;filter:blur(5px);transform:translate(55%)scale(.85)translateZ(-150px)rotateY(-15deg)}.carousel-slide.prev:hover,.carousel-slide.next:hover{opacity:.6;filter:blur(3px)}.carousel-slide.hidden{opacity:0;z-index:1;pointer-events:none;filter:blur(8px);transform:scale(.6)translateZ(-300px)}.carousel-btn{background:var(--bg-card);border:2px solid var(--border-highlight);width:40px;height:40px;color:var(--text);cursor:pointer;z-index:20;box-shadow:2px 2px 0px var(--shadow-dark);font-family:var(--font-retro);border-radius:3px;justify-content:center;align-items:center;font-size:1.5rem;transition:all .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary-hover)}.carousel-btn:active{box-shadow:inset 2px 2px 0px var(--shadow);transform:translateY(-50%)translate(1px,1px)}.carousel-btn.left{left:-24px}.carousel-btn.right{right:-24px}.project{grid-template-columns:1.2fr 1fr;align-items:center;gap:3rem;display:grid}.project-image{border:2px solid var(--border-highlight);aspect-ratio:16/10;box-shadow:3px 3px 0px var(--shadow-dark);position:relative}.project-image img{object-fit:cover;clip-path:inset(0);width:100%;height:100%;transition:all .5s}.project-image:hover img{transform:scale(1.03)}.project-overlay{opacity:0;z-index:5;background:#2c241666;justify-content:center;align-items:center;transition:all .4s;display:flex;position:absolute;inset:-2px}.project-image:hover .project-overlay{opacity:1}.project-overlay .btn-primary{opacity:0;transition:all .4s .1s;transform:translateY(15px)}.project-image:hover .project-overlay .btn-primary{opacity:1;transform:translateY(0)}.project-data{background:var(--bg-card);border:2px solid var(--border);font-family:var(--font-retro);color:var(--text-muted);pointer-events:none;z-index:2;padding:.15rem .5rem;font-size:.85rem;position:absolute;top:.75rem;left:.75rem}.project-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.tag{font-family:var(--font-retro);color:var(--text-muted);border:1px solid var(--border);background:var(--bg-panel);padding:.1rem .5rem;font-size:1rem}.project-content h3{margin-bottom:.5rem;font-size:2rem}.project-subtitle{font-family:var(--font-retro);color:var(--text-muted);margin-bottom:1.5rem;font-size:1.1rem}.project-link{font-family:var(--font-retro);color:var(--text);border-bottom:2px solid var(--primary);align-items:center;gap:.5rem;margin-top:1.5rem;padding-bottom:.2rem;font-size:1.1rem;text-decoration:none;transition:color .2s;display:inline-flex}.project-link:hover{color:var(--primary)}.contact-grid{grid-template-columns:1fr 1.5fr;gap:4rem;display:grid}.contact-info{flex-direction:column;gap:2rem;display:flex}.data-row{border-bottom:1px solid var(--border);flex-direction:column;gap:.5rem;padding-bottom:1rem;display:flex}.data-label{font-family:var(--font-retro);color:var(--text-muted);font-size:1rem}.data-value{font-family:var(--font-retro);color:var(--text);font-size:1.15rem;text-decoration:none;transition:color .2s}a.data-value:hover{color:var(--primary)}.form-group{margin-bottom:1.5rem}.form-group label{font-family:var(--font-retro);color:var(--text-muted);text-transform:uppercase;margin-bottom:.5rem;font-size:1.1rem;display:block}.form-control{background:var(--bg-card);border:2px inset var(--border);width:100%;color:var(--text);font-family:var(--font-sans);padding:.6rem .5rem;font-size:1rem;transition:border-color .2s}.form-control:focus{border-color:var(--primary);outline:none}textarea.form-control{resize:vertical;min-height:100px}footer{border-top:2px solid var(--border-highlight);font-family:var(--font-retro);color:var(--text-muted);background:var(--bg-panel);padding:2.5rem 1.5rem;font-size:1rem}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2rem;max-width:1100px;margin:0 auto;display:flex}.footer-sys{text-transform:uppercase}@media (max-width:768px){.nav-links{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:.25rem;width:100%;padding-bottom:4px;display:flex;overflow-x:auto}.nav-links a:not(.btn-primary){white-space:nowrap;flex-shrink:0;padding:.25rem .5rem;font-size:.85rem}.nav-links .btn-primary{white-space:nowrap;flex-shrink:0;padding:.3rem .75rem;font-size:.85rem}.nav-container{flex-direction:column;align-items:flex-start;gap:.4rem;height:auto;padding:.5rem 1rem}.hero{min-height:auto;padding:6rem 1rem 2rem}.hero h1{font-size:2.2rem;line-height:1.05}.hero-stats{flex-direction:column;gap:1.5rem}.comparison{grid-template-columns:1fr!important}section{padding:3rem 1rem}.container{padding:0}.section-header{margin-bottom:2rem}.module-addon{grid-template-columns:1fr}.module-visual{border-left:none;border-top:2px solid var(--border)}.project,.contact-grid{grid-template-columns:1fr;gap:2rem}.project:nth-child(2n) .project-image{order:-1}.carousel-btn.left{left:0}.carousel-btn.right{right:0}.carousel-slide{padding:1.5rem}.carousel-slide.prev{opacity:.15;transform:translate(-25%)scale(.9)translateZ(-100px)rotateY(10deg)}.carousel-slide.next{opacity:.15;transform:translate(25%)scale(.9)translateZ(-100px)rotateY(-10deg)}.hero-content{grid-template-columns:1fr}.hero-right,.hero-carousel{display:none}}#page-intro{z-index:9999;background:var(--bg);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.intro-logo{opacity:0;flex-direction:column;align-items:center;gap:1.5rem;animation:.6s cubic-bezier(.16,1,.3,1) .2s forwards introLogoIn;display:flex;transform:scale(.92)}.intro-mac-icon{justify-content:center;align-items:center;width:72px;height:72px;display:flex}.intro-mac-icon svg{width:72px;height:72px}.intro-logo-text{font-family:var(--font-retro);letter-spacing:.1em;color:var(--text);font-size:1.5rem;font-weight:400}.intro-system-text{font-family:var(--font-retro);color:var(--text-muted);text-align:center;margin-top:.25rem;font-size:1rem}.intro-bar-container{width:260px;position:absolute;bottom:32%;left:50%;transform:translate(-50%)}.intro-bar-label{font-family:var(--font-retro);color:var(--text-muted);text-align:center;margin-bottom:6px;font-size:.9rem}.intro-bar-track{border:2px solid var(--border-highlight);background:var(--bg-card);width:100%;height:20px;box-shadow:inset 1px 1px 3px var(--shadow);padding:2px}.intro-bar-fill{background:repeating-linear-gradient(90deg, var(--primary) 0px, var(--primary) 8px, var(--bg-card) 8px, var(--bg-card) 10px);width:0%;height:100%;animation:.7s cubic-bezier(.16,1,.3,1) .3s forwards introBar}@keyframes introLogoIn{to{opacity:1;transform:scale(1)}}@keyframes introBar{to{width:100%}}#page-intro.exit{animation:.7s cubic-bezier(.7,0,1,1) forwards overlayExit}@keyframes overlayExit{0%{clip-path:inset(0);opacity:1}to{clip-path:inset(0 0 100%);opacity:1}}#page-intro.transitioning{animation:.7s cubic-bezier(.16,1,.3,1) forwards overlayEnter}#page-intro[data-skip-intro] .intro-logo,#page-intro[data-skip-intro] .intro-bar-container{display:none}@keyframes overlayEnter{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}.hero-carousel{perspective:900px;justify-content:center;align-items:center;width:100%;max-width:500px;height:440px;margin:0 0 0 auto;display:flex;position:relative}.hero-halo{display:none}.hero-card-track{grid-template-areas:"card";width:340px;display:grid;position:relative}.hero-card-slide{background:var(--bg-card);border:2px solid var(--border-highlight);opacity:0;pointer-events:none;cursor:pointer;z-index:1;box-shadow:3px 3px 0px var(--shadow-dark);border-radius:0;grid-area:card;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .7s,filter .7s,box-shadow .4s;overflow:visible}.hero-card-slide.active{opacity:1;z-index:10;pointer-events:auto;filter:none;border-color:var(--border-highlight);box-shadow:5px 5px 0px var(--shadow-dark);transform:translateY(0)scale(1)}.hero-card-slide.prev{opacity:.5;z-index:5;pointer-events:auto;filter:blur(4px)brightness(.8);transform:translate(-65%)translateY(8px)scale(.85)}.hero-card-slide.next{opacity:.5;z-index:5;pointer-events:auto;filter:blur(4px)brightness(.8);transform:translate(65%)translateY(8px)scale(.85)}.hero-card-slide.hidden{opacity:0;z-index:1;pointer-events:none;filter:blur(10px);transform:translateY(20px)scale(.7)}.hero-card-slide.prev:hover,.hero-card-slide.next:hover{filter:blur(2px)brightness(.9);opacity:.65}.hero-card-chrome{background:var(--titlebar);border-bottom:2px solid var(--border-highlight);align-items:center;gap:4px;height:18px;padding:2px 6px;display:flex;position:relative}.hero-card-chrome .hc-dot{border:1px solid var(--border-highlight);background:var(--bg-card);width:8px;height:8px}.hero-card-chrome:after{content:"";background:repeating-linear-gradient(90deg, var(--border) 0px, var(--border) 2px, transparent 2px, transparent 4px);height:1px;position:absolute;top:50%;left:22px;right:6px}.hero-card-img-wrap{aspect-ratio:16/10;background:var(--bg-panel);width:100%;position:relative;overflow:visible}.hero-card-img-wrap img{object-fit:cover;clip-path:inset(0);width:100%;height:100%;transition:transform .4s;display:block}.hero-card-slide.active .hero-card-img-wrap img{transform:scale(1.03)}.hero-card-placeholder{width:100%;height:100%;color:var(--border-highlight);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.hero-card-placeholder-label{font-family:var(--font-retro);color:var(--text-muted);text-transform:uppercase;font-size:.85rem}.hero-card-body{padding:.75rem .85rem .5rem}.hero-card-type{font-family:var(--font-retro);color:var(--primary);text-transform:uppercase;margin-bottom:.2rem;font-size:.85rem}.hero-card-title{font-family:var(--font-heading);color:var(--text);margin-bottom:.15rem;font-size:.92rem;font-weight:700;line-height:1.2}.hero-card-sub{font-family:var(--font-retro);color:var(--text-muted);font-size:.85rem}.hero-card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:.4rem .85rem;display:flex}.hero-card-dots{align-items:center;gap:5px;display:flex}.hero-card-dot{border:1px solid var(--border-highlight);background:var(--bg-panel);width:6px;height:6px;transition:background .3s,transform .3s}.hero-card-dot.active{background:var(--primary);transform:scale(1.3)}.hero-card-cta{font-family:var(--font-retro);color:var(--primary);text-transform:uppercase;opacity:0;font-size:.8rem;transition:opacity .3s}.hero-card-slide.active .hero-card-cta{opacity:1}.mdx-content h1{font-family:var(--font-heading);margin:2rem 0 1rem;font-size:2rem;font-weight:700;line-height:1.2}.mdx-content h2{font-family:var(--font-heading);margin:1.75rem 0 .75rem;font-size:1.5rem;font-weight:700;line-height:1.25}.mdx-content h3{font-family:var(--font-heading);margin:1.5rem 0 .5rem;font-size:1.25rem;font-weight:600;line-height:1.3}.mdx-content p{margin:0 0 1rem}.mdx-content a{color:var(--primary);text-decoration:underline}.mdx-content a:hover{color:var(--primary-hover)}.mdx-content img{border:2px solid var(--border);max-width:100%;height:auto;margin:1rem 0}.mdx-content ul,.mdx-content ol{margin:0 0 1rem;padding-left:1.5rem}.mdx-content li{margin-bottom:.5rem}.mdx-content blockquote{border-left:3px solid var(--primary);color:var(--text-muted);margin:1rem 0;padding-left:1rem;font-style:italic}.mdx-content code{font-family:var(--font-mono);background:var(--bg-panel);border:1px solid var(--border);padding:.15rem .4rem;font-size:.88rem}.mdx-content pre{background:var(--bg-panel);border:2px solid var(--border);margin:1rem 0;padding:1rem;overflow-x:auto}.mdx-content pre code{background:0 0;border:none;padding:0}.mdx-content hr{border:none;border-top:2px solid var(--border);margin:2rem 0}