:root{--bg: #050508;--bg-panel: #0a0a0f;--bg-terminal: #060609;--green: #00ff41;--green-bright: #33ff66;--green-dim: #00b330;--green-glow: rgba(0, 255, 65, .2);--green-subtle: rgba(0, 255, 65, .04);--amber: #ffb000;--red: #ff3333;--cyan: #00e5ff;--text: #c8c8c8;--text-dim: #5a5a5a;--border: #1a1a20;--border-glow: rgba(0, 255, 65, .25);--font-display: "Chakra Petch", sans-serif;--font-mono: "Source Code Pro", monospace;--ease: cubic-bezier(.25, .46, .45, .94);--ease-out: cubic-bezier(.16, 1, .3, 1);--max-w: 1280px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-mono);font-size:14px;line-height:1.7;color:var(--text);background:var(--bg);cursor:crosshair;overflow-x:hidden;min-height:100vh}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}ul,ol{list-style:none}input,textarea,select{font:inherit;color:inherit}::selection{background:var(--green);color:#000}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.5) 100%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,65,.03) 2px,rgba(0,255,65,.03) 4px)}#root{position:relative;z-index:10}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.topbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#050508eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--green-dim);box-shadow:0 1px 20px #00ff410f;height:60px}.topbar__inner{max-width:var(--max-w);margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between}.topbar__left{display:flex;align-items:center;gap:14px;height:100%}.topbar__logo{width:30px;height:30px;flex-shrink:0}.topbar__logo-path{fill:var(--green);stroke:none}.topbar__brand{font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:4px;color:#fff;text-transform:uppercase;line-height:1}.topbar__status{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--green-dim);letter-spacing:1px;line-height:1}.topbar__status-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green);animation:pulse-dot 2s ease-in-out infinite}.topbar__version{font-size:10px;color:var(--text-dim);letter-spacing:1px;line-height:1}.topbar__nav{display:flex;align-items:center;gap:6px;height:100%}.topbar__link{font-family:var(--font-mono);font-size:12px;letter-spacing:1.5px;color:var(--green-dim);padding:8px 12px;line-height:1;display:inline-flex;align-items:center;transition:color .25s var(--ease),text-shadow .25s var(--ease)}.topbar__link:hover{color:var(--green-bright);text-shadow:0 0 12px var(--green-glow)}.topbar__cta{font-family:var(--font-display);font-weight:600;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#000;background:var(--green);padding:8px 20px;margin-left:8px;line-height:1;display:inline-flex;align-items:center;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));transition:background .25s var(--ease),box-shadow .25s var(--ease)}.topbar__cta:hover{background:var(--green-bright);box-shadow:0 0 16px var(--green-glow)}.topbar__toggle{display:none;flex-direction:column;gap:4px;width:24px;padding:4px 0}.topbar__toggle span{display:block;height:1.5px;background:var(--green);border-radius:1px;transition:transform .3s var(--ease),opacity .2s}.topbar__toggle--open span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}.topbar__toggle--open span:nth-child(2){opacity:0}.topbar__toggle--open span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}.hero{position:relative;min-height:100svh;display:flex;align-items:center;padding:100px 24px 60px;overflow:hidden}.hero__watermark{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100vh;height:100vh;pointer-events:none;z-index:0;opacity:.08;animation:float-drift 20s ease-in-out infinite}.hero__watermark-svg{width:100%;height:100%}.hero__watermark-path{fill:url(#logoGrad);stroke:var(--green);stroke-width:.5;opacity:0;animation:logo-appear 2s ease 1s forwards,logo-glitch 8s ease-in-out 3s infinite}@keyframes logo-appear{0%{opacity:0}to{opacity:1}}@keyframes float-drift{0%,to{transform:translate(-50%,-50%) translateY(0) scale(1)}25%{transform:translate(-50%,-50%) translateY(-20px) scale(1.05)}50%{transform:translate(-50%,-50%) translateY(0) scale(1)}75%{transform:translate(-50%,-50%) translateY(20px) scale(.95)}}@keyframes logo-glitch{0%,90%,to{transform:translate(0);opacity:1}92%{transform:translate(-3px,2px);opacity:.8}94%{transform:translate(2px,-2px);opacity:.9}96%{transform:translate(-1px,1px);opacity:.85}98%{transform:translate(0);opacity:1}}.hero__content{position:relative;z-index:1;max-width:var(--max-w);margin:0 auto;width:100%;display:flex;align-items:center;gap:60px}.hero__text{flex:1;min-width:0}.hero__viewport{flex:1;min-width:0;display:flex;align-items:center}.hero__status{font-family:var(--font-mono);font-size:13px;color:var(--green);letter-spacing:2px;margin-bottom:20px}.hero__headline{font-family:var(--font-display);font-weight:700;font-size:clamp(52px,7vw,96px);line-height:1.05;letter-spacing:-1px;margin-bottom:24px}.hero__headline-white{display:block;color:#fff}.hero__headline-green{display:block;color:var(--green);text-shadow:0 0 40px var(--green-glow),0 0 80px rgba(0,255,65,.08)}.hero__bar{width:120px;height:4px;background:var(--green);box-shadow:0 0 16px var(--green-glow),0 0 40px #00ff411f;border-radius:2px;margin-bottom:28px}.hero__description{max-width:560px;font-size:14px;line-height:1.85;color:var(--text-dim);margin-bottom:36px}.hero__stats{display:flex;gap:48px;margin-bottom:40px}.hero__stat{display:flex;flex-direction:column}.hero__stat-number{font-family:var(--font-display);font-weight:700;font-size:36px;color:var(--green);line-height:1.1;text-shadow:0 0 20px var(--green-glow)}.hero__stat-label{font-size:11px;color:var(--text-dim);letter-spacing:2px;text-transform:uppercase;margin-top:4px}.hero__scroll{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;z-index:2;background:none;border:none;animation:fade-in-up 1s ease 2s both}.hero__scroll-text{font-family:var(--font-mono);font-size:10px;letter-spacing:3px;color:var(--green-dim)}.hero__scroll-line{width:1px;height:32px;background:linear-gradient(to bottom,var(--green-dim),transparent);animation:scroll-pulse 2s ease-in-out infinite}.hero__scroll-chevron{font-size:14px;color:var(--green);animation:scroll-bounce 2s ease-in-out infinite}@keyframes scroll-bounce{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(6px);opacity:.5}}@keyframes scroll-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:13px;letter-spacing:2px;text-transform:uppercase;padding:14px 32px;transition:all .28s var(--ease);position:relative}.btn--primary{background:var(--green);color:#000;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}.btn--primary:hover{background:var(--green-bright);box-shadow:0 0 24px var(--green-glow),0 0 60px #00ff411a;transform:translateY(-1px)}.btn--primary:active{transform:translateY(0)}.btn--primary:disabled{opacity:.5;pointer-events:none}.btn--outline{border:1px solid var(--green-dim);color:var(--green);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));padding:12px 28px}.btn--outline:hover{border-color:var(--green);background:var(--green-subtle);box-shadow:0 0 16px var(--green-glow)}.btn--full{width:100%;justify-content:center}.btn__arrow{font-size:16px;transition:transform .2s var(--ease)}.btn:hover .btn__arrow{transform:translate(4px)}.section-divider{display:flex;align-items:center;gap:16px;max-width:var(--max-w);margin:0 auto;padding:0 24px}.section-divider__line{flex:1;height:0;border-top:1px dashed var(--green-dim);opacity:.4}.section-divider__label{font-family:var(--font-mono);font-size:10px;letter-spacing:3px;color:var(--green-dim);white-space:nowrap}.section-header{position:relative;margin-bottom:56px}.section-header__number{display:block;font-family:var(--font-display);font-weight:700;font-size:48px;line-height:1;color:var(--green);margin-bottom:12px}.section-header__label{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:3px;color:var(--green);text-transform:uppercase;margin-bottom:8px}.section-header__title{font-family:var(--font-display);font-weight:700;font-size:36px;color:#fff;line-height:1.2}.section-header__accent{color:var(--green)}.section-header__bar{width:80px;height:2px;background:var(--green);box-shadow:0 0 10px var(--green-glow);border-radius:1px;margin-top:16px}.projects,.services,.contact{padding:80px 24px}.projects__inner,.services__inner,.contact__inner{max-width:var(--max-w);margin:0 auto}.system-panel{position:relative;background:var(--bg-panel);border:1px solid var(--border);padding:32px;transition:border-color .3s var(--ease),box-shadow .3s var(--ease)}.system-panel:before,.system-panel:after{content:"";position:absolute;width:8px;height:8px;background:var(--green-dim);transition:background .3s var(--ease),box-shadow .3s var(--ease);z-index:2}.system-panel:before{top:-1px;left:-1px}.system-panel:after{top:-1px;right:-1px}.system-panel{box-shadow:inset 0 0 0 0 transparent,8px 8px 0 -7px var(--green-dim),0 0 0 0 transparent}.system-panel{background-image:linear-gradient(var(--green-dim),var(--green-dim)),linear-gradient(var(--green-dim),var(--green-dim));background-size:8px 8px,8px 8px;background-position:bottom left,bottom right;background-repeat:no-repeat;background-origin:border-box;background-color:var(--bg-panel)}.system-panel:hover{border-color:var(--border-glow);box-shadow:0 0 20px #00ff410f}.system-panel:hover:before,.system-panel:hover:after{background:var(--green);box-shadow:0 0 6px var(--green-glow)}.projects__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.project-card{position:relative;display:block;text-decoration:none;color:inherit;cursor:pointer;background:var(--bg-panel);border:1px solid var(--border);overflow:hidden;transition:border-color .3s var(--ease),box-shadow .3s var(--ease),transform .3s var(--ease);background-image:linear-gradient(var(--green-dim),var(--green-dim)),linear-gradient(var(--green-dim),var(--green-dim)),linear-gradient(var(--green-dim),var(--green-dim)),linear-gradient(var(--green-dim),var(--green-dim));background-size:8px 8px;background-position:top left,top right,bottom left,bottom right;background-repeat:no-repeat;background-origin:border-box;background-color:var(--bg-panel)}.project-card--wide{grid-column:1 / -1}.project-card:hover{border-color:var(--green-dim);box-shadow:0 0 30px #00ff4114,inset 0 0 30px #00ff4105;transform:translateY(-2px);background-image:linear-gradient(var(--green),var(--green)),linear-gradient(var(--green),var(--green)),linear-gradient(var(--green),var(--green)),linear-gradient(var(--green),var(--green))}.project-card__image{position:relative;height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden}.project-card--wide .project-card__image{height:260px}.project-card__image-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.project-card__image-label{font-family:var(--font-display);font-weight:600;font-size:12px;letter-spacing:4px;color:#ffffff1f;text-transform:uppercase}.project-card__live-badge{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:5px;font-size:9px;letter-spacing:2px;color:var(--green);background:#0009;padding:3px 8px;border:1px solid var(--green-dim)}.project-card__live-dot{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 4px var(--green);animation:pulse-dot 2s ease-in-out infinite}.project-card__body{padding:24px}.project-card__category{display:inline-block;font-size:10px;letter-spacing:2px;color:var(--green);background:var(--green-subtle);padding:3px 10px;text-transform:uppercase;margin-bottom:10px}.project-card__stack{display:block;font-size:10px;letter-spacing:1.5px;color:var(--text-dim);margin-bottom:10px}.project-card__title{font-family:var(--font-display);font-weight:600;font-size:22px;color:#fff;margin-bottom:10px;line-height:1.3}.project-card__overview{font-size:13px;line-height:1.8;color:var(--text-dim);margin-bottom:18px}.project-card__cta{display:inline-flex;align-items:center;gap:6px;font-size:11px;letter-spacing:2px;color:var(--green);text-transform:uppercase;position:relative;transition:color .25s var(--ease)}.project-card__cta:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;background:var(--green);transition:width .3s var(--ease)}.project-card__cta:hover{color:var(--green-bright)}.project-card__cta:hover:after{width:100%}.project-card__cta-arrow{transition:transform .2s var(--ease)}.project-card__cta:hover .project-card__cta-arrow{transform:translate(4px)}.services__list{display:flex;flex-direction:column}.service-row{display:grid;grid-template-columns:80px 1px 1fr 1px 2fr;align-items:center;gap:28px;padding:28px 0;border-bottom:1px dashed rgba(0,255,65,.15);transition:background .25s var(--ease),padding .25s var(--ease)}.service-row:first-child{border-top:1px dashed rgba(0,255,65,.15)}.service-row:hover{background:var(--green-subtle);padding-left:16px;padding-right:16px}.service-row__number{font-family:var(--font-display);font-weight:700;font-size:42px;color:var(--green);opacity:.25;line-height:1;transition:opacity .25s var(--ease)}.service-row:hover .service-row__number{opacity:.5}.service-row__sep{width:1px;align-self:stretch;background:#00ff4133}.service-row__title{font-family:var(--font-display);font-weight:600;font-size:20px;color:#fff;transition:color .25s var(--ease),text-shadow .25s var(--ease)}.service-row:hover .service-row__title{color:var(--green-bright);text-shadow:0 0 16px var(--green-glow)}.service-row__desc{font-size:13px;line-height:1.7;color:var(--text-dim);transition:color .25s var(--ease)}.service-row:hover .service-row__desc{color:var(--text)}.benefits{padding:80px 24px}.benefits__inner{max-width:var(--max-w);margin:0 auto}.benefits__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.benefit-card{background:var(--bg-panel);padding:40px 32px 36px;position:relative;overflow:hidden;border:1px solid var(--border);transition:border-color .4s var(--ease),background .4s var(--ease),transform .3s var(--ease);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));animation:benefitFadeUp .6s var(--ease-out) both;animation-delay:calc(var(--card-index) * 80ms)}.benefit-card:hover{border-color:var(--green-dim);background:#00ff4105;transform:translateY(-4px)}.benefit-card:before{content:"";position:absolute;top:0;left:0;width:60px;height:2px;background:var(--green);opacity:.3;transition:width .4s var(--ease),opacity .4s var(--ease)}.benefit-card:hover:before{width:100%;opacity:.6}.benefit-card:after{content:"";position:absolute;bottom:0;right:0;width:2px;height:40px;background:var(--green);opacity:0;transition:opacity .4s var(--ease),height .4s var(--ease)}.benefit-card:hover:after{opacity:.4;height:60px}.benefit-card__glow{position:absolute;top:-40px;right:-40px;width:120px;height:120px;background:radial-gradient(circle,var(--green-glow) 0%,transparent 70%);opacity:0;transition:opacity .5s var(--ease);pointer-events:none}.benefit-card:hover .benefit-card__glow{opacity:1}.benefit-card__index{font-family:var(--font-mono);font-size:11px;letter-spacing:2px;color:var(--green-dim);opacity:.5;margin-bottom:24px;transition:opacity .3s var(--ease),color .3s var(--ease)}.benefit-card:hover .benefit-card__index{opacity:1;color:var(--green)}.benefit-card__icon-wrap{width:40px;height:40px;margin-bottom:20px;color:var(--green);opacity:.7;transition:opacity .3s var(--ease),transform .3s var(--ease)}.benefit-card__icon-wrap svg{width:100%;height:100%}.benefit-card:hover .benefit-card__icon-wrap{opacity:1;transform:scale(1.1)}.benefit-card__title{font-family:var(--font-display);font-weight:700;font-size:18px;color:#fff;margin-bottom:12px;transition:color .3s var(--ease),text-shadow .3s var(--ease)}.benefit-card:hover .benefit-card__title{color:var(--green-bright);text-shadow:0 0 20px var(--green-glow)}.benefit-card__desc{font-size:13px;line-height:1.75;color:var(--text-dim);transition:color .3s var(--ease)}.benefit-card:hover .benefit-card__desc{color:var(--text)}@keyframes benefitFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.contact__grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.contact__info{display:flex;flex-direction:column;gap:0}.contact__info-row{padding:20px 0;border-bottom:1px dashed rgba(0,255,65,.12)}.contact__info-row:last-child{border-bottom:none}.contact__info-label{display:block;font-size:10px;letter-spacing:3px;color:var(--text-dim);text-transform:uppercase;margin-bottom:6px}.contact__info-value{font-size:14px;color:var(--text)}.contact__info-value--active{display:flex;align-items:center;gap:8px;color:var(--green)}.contact__active-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green);animation:pulse-dot 2s ease-in-out infinite}.contact__form{display:flex;flex-direction:column;gap:20px}.contact__field{display:flex;flex-direction:column;gap:6px}.contact__label{font-size:10px;letter-spacing:3px;color:var(--text-dim);text-transform:uppercase}.contact__input{background:var(--bg-terminal);border:2px solid var(--border);padding:12px 14px;font-family:var(--font-mono);font-size:13px;color:var(--text);transition:border-color .25s var(--ease),box-shadow .25s var(--ease);outline:none}.contact__input::placeholder{color:var(--text-dim)}.contact__input:focus{border-color:var(--green);box-shadow:0 0 12px #00ff411a}.contact__input--error{border-color:var(--red)}.contact__textarea{resize:vertical;min-height:120px}.contact__error{font-size:11px;color:var(--red);letter-spacing:.5px}.contact__success{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;min-height:280px}.contact__success-title{font-family:var(--font-mono);font-size:15px;color:var(--green);letter-spacing:2px}.contact__success-text{font-size:13px;color:var(--text-dim);max-width:300px}.footer{border-top:1px solid var(--green-dim);background:var(--bg-panel);padding:32px 24px}.footer__inner{max-width:var(--max-w);margin:0 auto}.footer__row{display:flex;flex-wrap:wrap;gap:40px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px dashed rgba(0,255,65,.12)}.footer__block{display:flex;flex-direction:column;gap:4px}.footer__label{font-size:9px;letter-spacing:3px;color:var(--text-dim);text-transform:uppercase}.footer__value{font-size:12px;color:var(--text);letter-spacing:.5px}.footer__value--green{color:var(--green)}.footer__bottom{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-dim)}.footer__sig{color:var(--green-dim);letter-spacing:1px}.reveal-item{opacity:0;transform:translate(-30px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.visible .reveal-item,.reveal-item.visible{opacity:1;transform:translate(0)}.reveal-item:nth-child(1){transition-delay:0ms}.reveal-item:nth-child(2){transition-delay:80ms}.reveal-item:nth-child(3){transition-delay:.16s}.reveal-item:nth-child(4){transition-delay:.24s}.reveal-item:nth-child(5){transition-delay:.32s}.reveal-item:nth-child(6){transition-delay:.4s}.reveal-item:nth-child(7){transition-delay:.48s}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 6px var(--green)}50%{opacity:.4;box-shadow:0 0 2px var(--green)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}@keyframes glow-pulse{0%,to{box-shadow:0 0 8px var(--green-glow)}50%{box-shadow:0 0 20px var(--green-glow),0 0 40px #00ff4114}}@keyframes scan-line{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.showcase{padding:100px 24px 80px;min-height:100vh}.showcase__inner{max-width:var(--max-w);margin:0 auto}.showcase__back{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;letter-spacing:2px;color:var(--green-dim);margin-bottom:32px;transition:color .25s var(--ease)}.showcase__back:hover{color:var(--green)}.showcase__back-arrow{transition:transform .2s var(--ease)}.showcase__back:hover .showcase__back-arrow{transform:translate(-4px)}.showcase__header{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;padding-bottom:32px;margin-bottom:32px;border-bottom:1px solid var(--border)}.showcase__category{display:inline-block;font-size:10px;letter-spacing:2px;color:var(--green);background:var(--green-subtle);padding:3px 10px;text-transform:uppercase;margin-bottom:12px}.showcase__title{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,4vw,48px);color:#fff;line-height:1.15;margin-bottom:8px}.showcase__stack{font-family:var(--font-mono);font-size:11px;letter-spacing:2px;color:var(--text-dim)}.showcase__header-right{display:flex;flex-direction:column;align-items:flex-end;gap:16px;flex-shrink:0}.showcase__status-block{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.showcase__status-label{font-size:9px;letter-spacing:2px;color:var(--text-dim)}.showcase__status-value{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12px;letter-spacing:2px;color:var(--green)}.showcase__status-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green);animation:pulse-dot 2s ease-in-out infinite}.showcase__body{display:grid;grid-template-columns:300px 1fr;gap:24px;align-items:start}.showcase__sidebar{display:flex;flex-direction:column;gap:16px;position:sticky;top:84px}.showcase__intel{padding:24px}.showcase__intel-heading{font-family:var(--font-display);font-weight:600;font-size:11px;letter-spacing:3px;color:var(--green);margin-bottom:14px;text-transform:uppercase}.showcase__intel-icon{color:var(--green-dim);margin-right:4px}.showcase__intel-text{font-size:13px;line-height:1.85;color:var(--text-dim)}.showcase__tech-list{display:flex;flex-direction:column;gap:10px}.showcase__tech-item{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12px;letter-spacing:1.5px;color:var(--text)}.showcase__tech-bullet{width:4px;height:4px;background:var(--green);box-shadow:0 0 4px var(--green-glow);flex-shrink:0}.showcase__meta-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px dashed var(--border)}.showcase__meta-row:last-child{border-bottom:none}.showcase__meta-label{font-size:10px;letter-spacing:2px;color:var(--text-dim)}.showcase__meta-value{font-size:12px;letter-spacing:1px;color:var(--text)}.showcase__meta-value--mono{font-family:var(--font-mono);font-size:10px;letter-spacing:1.5px}.showcase__meta-value--green{color:var(--green)}.showcase__viewport{min-width:0}.showcase__viewport-window{border:1px solid var(--green-dim);background:#000;overflow:hidden;box-shadow:0 0 40px #00ff410a}.showcase__viewport-bar{background:var(--bg-panel);border-bottom:1px solid var(--border);padding:10px 14px;display:flex;align-items:center;gap:14px;font-size:11px;color:var(--text-dim)}.showcase__viewport-url{flex:1;font-family:var(--font-mono);font-size:10px;letter-spacing:.5px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--bg-terminal);padding:4px 10px;border:1px solid var(--border);border-radius:2px}.showcase__viewport-badge{font-family:var(--font-mono);font-size:9px;letter-spacing:2px;color:var(--green);background:#00ff4114;padding:3px 8px;border:1px solid var(--green-dim);flex-shrink:0}.showcase__iframe{display:block;width:100%;height:75vh;border:none;background:#000}.showcase__viewport-placeholder{display:flex;align-items:center;justify-content:center;height:400px;background:var(--bg-terminal)}.showcase__viewport-placeholder-text{font-family:var(--font-mono);font-size:12px;letter-spacing:2px;color:var(--text-dim);animation:blink-text 1.5s step-end infinite}@keyframes blink-text{0%,to{opacity:1}50%{opacity:.3}}.showcase__error{max-width:500px;margin:120px auto;text-align:center;padding:48px 32px}.showcase__error-code{font-family:var(--font-mono);font-size:14px;letter-spacing:3px;color:var(--red);margin-bottom:16px;display:block}.showcase__error-title{font-family:var(--font-display);font-weight:700;font-size:28px;color:#fff;margin-bottom:12px}.showcase__error-text{font-size:13px;color:var(--text-dim);line-height:1.8;margin-bottom:28px}@media(max-width:1200px){.service-row{grid-template-columns:60px 1px 1fr 1px 1.8fr;gap:20px}.service-row__number{font-size:36px}}@media(max-width:1024px){.showcase__body{grid-template-columns:260px 1fr}.projects__grid{grid-template-columns:1fr}.project-card--wide{grid-column:auto}.contact__grid{grid-template-columns:1fr}.service-row{grid-template-columns:60px 1px 1fr;gap:16px}.service-row__sep:nth-child(4),.service-row__desc{display:none}.benefits__grid{grid-template-columns:repeat(2,1fr)}.benefit-card{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}}@media(max-width:768px){.showcase{padding:80px 16px 60px}.showcase__header{flex-direction:column;gap:20px}.showcase__header-right{align-items:flex-start;flex-direction:row;gap:16px;flex-wrap:wrap}.showcase__status-block{align-items:flex-start}.showcase__body{grid-template-columns:1fr}.showcase__sidebar{position:static;order:2}.showcase__viewport{order:1}.showcase__iframe{height:60vh}.topbar__toggle{display:flex}.topbar__status,.topbar__version{display:none}.topbar__nav{position:fixed;top:60px;left:0;right:0;height:auto;z-index:-1;background:#050508f7;flex-direction:column;padding:16px 24px;border-bottom:1px solid var(--green-dim);transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform .3s var(--ease),opacity .3s var(--ease)}.topbar__nav--open{transform:translateY(0);opacity:1;pointer-events:auto}.topbar__link{padding:10px 0;font-size:13px}.topbar__cta{margin-left:0;margin-top:8px;text-align:center;display:block}.hero{padding:80px 20px 40px;min-height:auto}.hero__content{flex-direction:column;gap:40px}.hero__viewport{display:flex;width:100%}.hero__scroll{display:none}.benefits__grid{grid-template-columns:1fr}.benefit-card{padding:32px 24px 28px;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.hero__headline{font-size:clamp(36px,10vw,64px)}.hero__stats{flex-direction:column;gap:24px}.projects,.services,.contact,.benefits{padding:60px 20px}.section-header__number{font-size:40px}.section-header__title{font-size:28px}.service-row{grid-template-columns:1fr;gap:8px;padding:20px 0}.service-row__sep{display:none}.service-row__desc{display:block}.service-row__number{font-size:28px}.service-row:hover{padding-left:12px;padding-right:12px}.footer__row{flex-direction:column;gap:20px}.footer__bottom{flex-direction:column;gap:8px;text-align:center}}@media(max-width:480px){.hero__headline{font-size:clamp(32px,12vw,52px)}.hero__stat-number{font-size:28px}.project-card__image{height:160px}.project-card__title{font-size:18px}.section-header__number{font-size:32px}.section-header__title{font-size:24px}.system-panel{padding:20px}.btn{padding:12px 24px;font-size:12px}}.viewport-container{flex:1;width:100%}.viewport-window{border:1px solid var(--green-dim);background:#000;position:relative;overflow:hidden;height:100%}.viewport-titlebar{background:var(--bg-panel);border-bottom:1px solid var(--border);padding:8px 14px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-dim)}.viewport-dots{display:flex;gap:6px}.viewport-dot{width:10px;height:10px;border-radius:50%}.viewport-dot--red{background:#ff5f57}.viewport-dot--yellow{background:#ffbd2e}.viewport-dot--green{background:#28c840}.viewport-canvas-wrap{width:100%;height:500px;position:relative}.viewport-canvas-wrap canvas{width:100%!important;height:100%!important;display:block}.viewport-stats{position:absolute;bottom:10px;right:14px;font-size:10px;color:var(--green-dim);opacity:.7;text-align:right;pointer-events:none;font-family:var(--font-mono)}@media(max-width:768px){.viewport-canvas-wrap{height:350px}}