.work-section{background:#000;min-height:100vh;padding:8rem 4rem 4rem;position:relative;overflow:hidden}.work-header{text-align:center;z-index:10;margin-bottom:4rem;position:relative}.work-title{text-transform:uppercase;color:#0000;-webkit-text-stroke:2px #666;transition:all .3s var(--easing);flex-direction:column;align-items:center;font-family:Syncopate,sans-serif;font-size:clamp(4rem,8vw,8rem);font-weight:800;line-height:.9;display:flex}.work-title-line{display:block}.work-char{transition:color .2s,transform .2s;display:inline-block}.work-title:hover .work-char{color:var(--accent);-webkit-text-stroke:0px;transform:translateZ(20px)scale(1.05)}.blueprint-grid{z-index:10;grid-template-columns:repeat(3,1fr);gap:6rem;max-width:2000px;margin:0 auto;padding:3rem 10vw;display:grid;position:relative}.project-card{opacity:0;transition:all .4s var(--easing);position:relative;transform:translateY(50px)}.project-card-visible{animation:.6s ease-out forwards slideUp}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.blueprint-ruler{z-index:10;opacity:.6;flex-direction:column;align-items:center;height:100%;transition:opacity .5s;display:flex;position:absolute;top:0;left:-2.5rem}.project-card:hover .blueprint-ruler{opacity:1}.ruler-line{background:#666;width:12px;height:1px;transition:background .3s}.project-card:hover .ruler-line{background:var(--accent)}.ruler-line-top{margin-bottom:0}.ruler-line-bottom{margin-top:0}.ruler-vertical{border-left:1px dashed #444;flex:1;width:1px;transition:border-color .3s;position:relative}.project-card:hover .ruler-vertical{border-color:#ccff0080}.ruler-ticks{flex-direction:column;justify-content:space-between;height:100%;padding:.5rem 0;display:flex;position:absolute;top:0;right:0}.ruler-tick{background:#555;width:4px;height:1px;transition:background .3s}.ruler-tick-major{width:8px}.project-card:hover .ruler-tick{background:#ccff004d}.ruler-label{color:#666;writing-mode:vertical-rl;letter-spacing:2px;padding:.5rem 0;font-family:Courier New,monospace;font-size:8px;transition:color .3s;transform:rotate(180deg)}.project-card:hover .ruler-label{color:var(--accent)}.project-content{width:100%;height:330px;transition:all .4s var(--easing);background:#0a0a0a;border:2px solid #1a1a1a;flex-direction:column;padding:.5rem;display:flex;position:relative;overflow:hidden}.project-card:hover .project-content{border-color:var(--accent);box-shadow:0 20px 60px #ccff001a}.project-image-wrapper{aspect-ratio:16/9;background:#000;width:100%;margin-bottom:.5rem;position:relative;overflow:hidden}.project-image{object-fit:cover;transition:transform .5s var(--easing)}.project-card:hover .project-image{transform:scale(1.05)}.project-overlay{opacity:0;transition:opacity .3s var(--easing);background:linear-gradient(135deg,#ccff00e6 0%,#f0fc 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.project-card:hover .project-overlay{opacity:1}.overlay-text{color:#000;letter-spacing:2px;transition:transform .3s var(--easing);font-family:Syncopate,sans-serif;font-size:1rem;font-weight:800;transform:translateY(10px)}.project-card:hover .overlay-text{transform:translateY(0)}.project-info{flex-direction:column;flex:1;display:flex}.project-title{text-transform:uppercase;color:var(--fg);letter-spacing:-1px;margin-bottom:.5rem;font-family:Syncopate,sans-serif;font-size:clamp(1rem,1.5vw,1.3rem);font-weight:700}.project-divider{background:#222;width:100%;height:1px;margin-bottom:.5rem;transition:background .3s}.project-card:hover .project-divider{background:#ccff004d}.project-description{color:#888;flex-grow:1;margin-bottom:.5rem;font-family:Courier New,monospace;font-size:.75rem;line-height:1.4}.project-tech{flex-wrap:wrap;gap:.3rem;margin-bottom:.5rem;display:flex}.tech-tag{color:#666;text-transform:uppercase;letter-spacing:.5px;border:1px solid #333;padding:.2rem .4rem;font-family:Courier New,monospace;font-size:.65rem;transition:all .2s}.tech-tag:hover{color:var(--accent);border-color:var(--accent)}.project-actions{gap:.5rem;margin-top:auto;display:flex}.project-button{text-transform:uppercase;letter-spacing:1px;transition:all .3s var(--easing);border:2px solid;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1rem;font-family:Courier New,monospace;font-size:.65rem;font-weight:700;text-decoration:none;display:flex;position:relative;overflow:hidden}.button-icon{width:14px;height:14px;transition:transform .3s}.project-button-secondary{color:#fff;background:0 0;border-color:#fff}.project-button-secondary:after{content:"";z-index:-1;background:#fff;width:100%;height:100%;transition:transform .4s cubic-bezier(.7,0,.3,1);position:absolute;top:0;left:0;transform:translate(-101%)}.project-button-secondary:hover{color:#000}.project-button-secondary:hover:after{transform:translate(0)}.project-button-primary{border-color:var(--accent);color:var(--accent);background:0 0}.project-button-primary:after{content:"";background:var(--accent);z-index:-1;width:100%;height:100%;transition:transform .4s cubic-bezier(.7,0,.3,1);position:absolute;top:0;left:0;transform:translate(-101%)}.project-button-primary:hover{color:#000}.project-button-primary:hover:after{transform:translate(0)}.project-button:hover .button-icon{transform:scale(1.1)rotate(5deg)}.corner-decoration{opacity:.1;width:60px;height:60px;fill:var(--accent);transition:all .3s var(--easing);pointer-events:none;position:absolute;bottom:0;right:0}.project-card:hover .corner-decoration{opacity:.3;transform:scale(1.1)}.code-comments{color:#333;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1;font-family:Courier New,monospace;font-size:.75rem;position:absolute;top:10%;right:5%}.code-line{opacity:.6;margin-bottom:.3rem}.work-cta{z-index:10;max-width:1000px;margin-top:8rem;margin-left:auto;margin-right:auto;position:relative}.cta-content{border:2px solid #1a1a1a;border-left:5px solid var(--accent);text-align:center;background:linear-gradient(135deg,#0a0a0a 0%,#000 100%);padding:4rem;position:relative;overflow:hidden}.cta-content:before{content:"";background:linear-gradient(90deg,transparent,var(--accent),transparent);height:1px;animation:3s ease-in-out infinite shimmer;position:absolute;top:0;left:0;right:0}@keyframes shimmer{0%,to{opacity:0}50%{opacity:1}}.cta-title{text-transform:uppercase;color:#0000;-webkit-text-stroke:1px var(--accent);letter-spacing:-1px;transition:all .3s var(--easing);margin-bottom:1rem;font-family:Syncopate,sans-serif;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:800}.cta-title:hover{color:var(--accent);-webkit-text-stroke:0px}.cta-text{color:#888;margin-bottom:2.5rem;font-size:1.1rem;font-weight:300;line-height:1.6}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.cta-button{text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s var(--easing);border:2px solid;padding:1.2rem 3rem;font-family:Space Grotesk,sans-serif;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-block;position:relative;overflow:hidden}.cta-button-primary{background:var(--accent);color:#000;border-color:var(--accent)}.cta-button-primary:after{content:"";z-index:1;background:#fff;width:100%;height:100%;transition:transform .4s cubic-bezier(.7,0,.3,1);position:absolute;top:0;left:0;transform:translate(-101%)}.cta-button-primary span{z-index:2;position:relative}.cta-button-primary:hover:after{transform:translate(0)}.cta-button-secondary{color:var(--accent);border-color:var(--accent);background:0 0}.cta-button-secondary:after{content:"";background:var(--accent);z-index:1;width:100%;height:100%;transition:transform .4s cubic-bezier(.7,0,.3,1);position:absolute;top:0;left:0;transform:translate(-101%)}.cta-button-secondary span{z-index:2;transition:color .3s;position:relative}.cta-button-secondary:hover span{color:#000}.cta-button-secondary:hover:after{transform:translate(0)}@media (max-width:1600px){.blueprint-grid{gap:3rem}}@media (max-width:1200px){.blueprint-grid{grid-template-columns:repeat(2,1fr);gap:3rem;padding:2rem}.code-comments{display:none}}@media (max-width:768px){.work-section{padding:6rem 2rem 2rem}.work-header{margin-bottom:3rem}.blueprint-grid{grid-template-columns:1fr;gap:2rem;padding:1rem 1rem 1rem 3rem}.project-content{height:auto;min-height:330px}.project-actions{flex-direction:column}.cta-content{padding:3rem 2rem}.cta-buttons{flex-direction:column;gap:1rem}.cta-button{width:100%}}@media (max-width:640px){.blueprint-ruler{left:-1.5rem}.project-card{margin-left:1rem}.project-info{padding:.5rem}.project-title{font-size:1rem}.project-description{font-size:.7rem}.project-button{padding:.5rem .8rem;font-size:.6rem}.button-icon{width:12px;height:12px}}@media (max-width:480px){.work-section{padding:5rem 1rem 2rem}.blueprint-grid{gap:1.5rem;padding:1rem .5rem 1rem 2rem}.project-tech{display:none}.cta-content{padding:2rem 1.5rem}}
.services-section{background:var(--bg);min-height:100vh;padding:8rem 4rem 4rem;position:relative;overflow:hidden}.services-header{text-align:center;z-index:10;margin-bottom:6rem;position:relative}.services-title{text-transform:uppercase;color:#0000;-webkit-text-stroke:2px #666;transition:all .3s var(--easing);margin-bottom:1.5rem;font-family:Syncopate,sans-serif;font-size:clamp(3rem,10vw,8rem);font-weight:800;line-height:.9;display:inline-block}.services-char{transition:all .3s var(--easing);animation:3s ease-in-out infinite charFloat;display:inline-block}.services-title:hover .services-char{color:var(--accent);-webkit-text-stroke:0px;transform:translateY(-5px)}@keyframes charFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.services-subtitle{color:#888;max-width:700px;margin:0 auto;font-size:clamp(1rem,2vw,1.2rem);font-weight:300;line-height:1.6}.services-grid{z-index:10;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem;max-width:1600px;margin:0 auto;display:grid;position:relative}.service-card{transition:all .4s var(--easing);opacity:0;background:#0a0a0a;border:2px solid #1a1a1a;padding:3rem;animation:.6s ease-out forwards slideUp;position:relative;overflow:hidden;transform:translateY(50px)}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.service-card-visible{animation:.6s ease-out forwards slideUp}.service-card:before{content:"";background:var(--accent);width:100%;height:3px;transition:left .5s var(--easing);position:absolute;top:0;left:-100%}.service-card:hover:before{left:0}.service-card:hover{border-color:var(--accent);transform:translateY(-10px);box-shadow:0 20px 60px #ccff001a}.service-number{color:#0000;-webkit-text-stroke:1px #222;transition:all .3s var(--easing);z-index:1;font-family:Syncopate,sans-serif;font-size:5rem;font-weight:800;line-height:1;position:absolute;top:2rem;right:2rem}.service-card:hover .service-number{color:var(--accent);-webkit-text-stroke:0px;transform:scale(1.1)}.service-header{z-index:2;margin-bottom:2rem;position:relative}.service-title{text-transform:uppercase;color:var(--fg);letter-spacing:-1px;margin-bottom:1rem;font-family:Syncopate,sans-serif;font-size:clamp(1.2rem,2vw,1.5rem);font-weight:700;line-height:1.2}.service-description{color:#888;font-size:.95rem;font-weight:300;line-height:1.6}.service-features{z-index:2;margin:2rem 0;padding:0;list-style:none;position:relative}.service-feature{color:#999;align-items:center;gap:1rem;margin-bottom:.8rem;font-size:.9rem;transition:all .2s;display:flex}.service-feature:hover{color:var(--accent);transform:translate(5px)}.feature-bullet{color:var(--accent);min-width:15px;font-family:Courier New,monospace;font-weight:700}.feature-text{flex:1}.service-pricing{z-index:2;border-top:1px solid #222;border-bottom:1px solid #222;margin:2rem 0;padding:1.5rem 0;position:relative}.service-price{color:var(--accent);letter-spacing:-1px;margin-bottom:.5rem;font-family:Syncopate,sans-serif;font-size:clamp(1.2rem,2vw,1.5rem);font-weight:700}.service-price-detail{color:#666;font-size:.85rem;font-weight:300}.service-cta{color:var(--accent);border:2px solid var(--accent);text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s var(--easing);z-index:2;background:0 0;width:100%;margin-top:1.5rem;padding:1rem 2.5rem;font-family:Space Grotesk,sans-serif;font-size:.85rem;font-weight:700;position:relative;overflow:hidden}.service-cta:after{content:"";background:var(--accent);z-index:-1;width:100%;height:100%;transition:transform .4s cubic-bezier(.7,0,.3,1);position:absolute;top:0;left:0;transform:translate(-101%)}.service-cta span{z-index:2;transition:color .3s;position:relative}.service-cta:hover{border-color:var(--accent)}.service-cta:hover span{color:#000}.service-cta:hover:after{transform:translate(0)}.corner-decoration{opacity:.1;width:80px;height:80px;fill:var(--accent);transition:all .3s var(--easing);position:absolute;bottom:0;right:0}.service-card:hover .corner-decoration{opacity:.3;transform:scale(1.1)}.services-bottom-cta{margin-top:8rem;padding:5rem 2rem;position:relative;overflow:hidden}@keyframes shimmer{0%,to{opacity:0}50%{opacity:1}}.cta-content{width:full;text-align:center;margin:0 auto}.cta-title{text-transform:uppercase;color:#0000;-webkit-text-stroke:1px var(--accent);letter-spacing:-2px;transition:all .3s var(--easing);margin-bottom:1.5rem;font-family:Syncopate,sans-serif;font-size:clamp(1.5rem,4vw,3rem);font-weight:800}.cta-title:hover{color:var(--accent);-webkit-text-stroke:0px}.cta-text{color:#888;margin-bottom:3rem;font-size:clamp(1rem,2vw,1.2rem);font-weight:300;line-height:1.6}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.cta-primary,.cta-secondary{text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s var(--easing);border:2px solid #0000;padding:1.2rem 3rem;font-family:Space Grotesk,sans-serif;font-size:.9rem;font-weight:700;position:relative;overflow:hidden}.cta-primary{background:var(--accent);color:#000;border-color:var(--accent)}.cta-primary:after{content:"";z-index:1;background:#fff;width:100%;height:100%;transition:transform .4s cubic-bezier(.7,0,.3,1);position:absolute;top:0;left:0;transform:translate(-101%)}.cta-primary span{z-index:2;position:relative}.cta-primary:hover:after{transform:translate(0)}.cta-secondary{color:var(--accent);border-color:var(--accent);background:0 0}.cta-secondary:after{content:"";background:var(--accent);z-index:1;width:100%;height:100%;transition:transform .4s cubic-bezier(.7,0,.3,1);position:absolute;top:0;left:0;transform:translate(-101%)}.cta-secondary span{z-index:2;transition:color .3s;position:relative}.cta-secondary:hover span{color:#000}.cta-secondary:hover:after{transform:translate(0)}@media (max-width:1200px){.services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}}@media (max-width:768px){.services-section{padding:6rem 2rem 2rem}.services-header{margin-bottom:4rem}.services-grid{grid-template-columns:1fr;gap:2rem}.service-card{padding:2rem}.service-number{font-size:3rem;top:1rem;right:1rem}.services-bottom-cta{margin-top:4rem;padding:3rem 1.5rem}.cta-buttons{flex-direction:column;gap:1rem}.cta-primary,.cta-secondary{width:100%;padding:1rem 2rem}.ghost{width:100px;height:120px}}@media (max-width:480px){.services-section{padding:5rem 1rem 2rem}.service-card{padding:1.5rem}.service-features{margin:1.5rem 0}.service-feature{font-size:.85rem}}
.testimonials-section{background:var(--bg);min-height:100vh;padding:8rem 4rem 4rem;position:relative;overflow:hidden}.testimonials-header{text-align:center;z-index:10;margin-bottom:6rem;position:relative}.testimonials-title{text-transform:uppercase;color:#0000;-webkit-text-stroke:2px #666;transition:all .3s var(--easing);margin-bottom:1.5rem;font-family:Syncopate,sans-serif;font-size:clamp(3rem,10vw,8rem);font-weight:800;line-height:.9;display:inline-block}.testimonials-char{transition:all .3s var(--easing);animation:3s ease-in-out infinite charFloat;display:inline-block}.testimonials-title:hover .testimonials-char{color:var(--accent);-webkit-text-stroke:0px;transform:translateY(-5px)}.testimonials-subtitle{color:#888;max-width:700px;margin:0 auto;font-size:clamp(1rem,2vw,1.2rem);font-weight:300;line-height:1.6}.testimonials-grid{z-index:10;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem;max-width:1600px;margin:0 auto 4rem;display:grid;position:relative}.testimonial-card{transition:all .4s var(--easing);opacity:0;background:#0a0a0a;border:2px solid #1a1a1a;padding:3rem;position:relative;overflow:hidden;transform:translateY(50px)}.testimonial-card-visible{animation:.6s ease-out forwards slideUp}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.testimonial-card:before{content:"";background:var(--accent);width:100%;height:3px;transition:left .5s var(--easing);position:absolute;top:0;left:-100%}.testimonial-card:hover:before{left:0}.testimonial-card:hover{border-color:var(--accent);transform:translateY(-10px);box-shadow:0 20px 60px #ccff001a}.quote-icon{color:#0000;-webkit-text-stroke:1px #1a1a1a;transition:all .3s var(--easing);z-index:1;font-family:Syncopate,sans-serif;font-size:8rem;font-weight:800;line-height:1;position:absolute;top:1rem;right:2rem}.testimonial-card:hover .quote-icon{color:var(--accent);-webkit-text-stroke:0px;opacity:.1}.testimonial-rating{z-index:2;gap:.3rem;margin-bottom:1.5rem;display:flex;position:relative}.star{font-size:1.5rem;transition:all .2s}.star-filled{color:var(--accent);text-shadow:0 0 10px #ccff0080}.star-empty{color:#333}.testimonial-card:hover .star-filled{transform:scale(1.1)}.testimonial-content{color:#ccc;z-index:2;margin-bottom:2rem;font-size:1rem;font-weight:300;line-height:1.8;position:relative}.testimonial-author{z-index:2;border-top:1px solid #222;align-items:center;gap:1.5rem;padding-top:1.5rem;display:flex;position:relative}.author-avatar{background:linear-gradient(135deg,var(--accent)0%,var(--secondary)100%);color:#000;width:60px;height:60px;transition:all .3s var(--easing);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Syncopate,sans-serif;font-size:1.5rem;font-weight:800;display:flex}.testimonial-card:hover .author-avatar{transform:scale(1.1)rotate(5deg)}.author-info{flex:1}.author-name{color:var(--fg);letter-spacing:-.5px;margin-bottom:.3rem;font-family:Syncopate,sans-serif;font-size:1rem;font-weight:700}.author-role{color:#888;margin-bottom:.2rem;font-size:.85rem}.author-company{color:var(--accent);font-size:.85rem;font-weight:500}.corner-decoration{opacity:.1;width:80px;height:80px;fill:var(--accent);transition:all .3s var(--easing);position:absolute;bottom:0;right:0}.testimonial-card:hover .corner-decoration{opacity:.3;transform:scale(1.1)}.tape-wrapper{background:var(--accent);color:#000;z-index:2;border-top:3px solid #000;border-bottom:3px solid #000;width:120%;margin:100px 0 0;padding:1.5rem 0;position:relative;left:-10%;overflow:hidden;transform:rotate(-2deg);box-shadow:0 10px 30px #00000080}.tape-content{white-space:nowrap;will-change:transform;animation:60s linear infinite tapeScroll;display:flex}@keyframes tapeScroll{to{transform:translate(-50%)}}.tape-item{align-items:center;gap:1.5rem;padding:0 3rem;font-family:Space Grotesk,sans-serif;font-weight:500;display:inline-flex}.tape-stars{letter-spacing:2px;font-size:1.2rem}.tape-quote{font-style:italic;font-weight:400}.tape-author{text-transform:uppercase;letter-spacing:.5px;font-weight:700}.tape-separator{font-size:2rem;font-weight:700}.tape-wrapper:hover .tape-content{animation-play-state:paused}.testimonials-stats{border:2px solid #1a1a1a;border-left:5px solid var(--accent);z-index:1;background:linear-gradient(135deg,#0a0a0a 0%,#000 100%);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;max-width:1200px;margin:0 auto;padding:4rem 2rem;display:grid;position:relative}.stat-item{text-align:center;transition:all .3s var(--easing);padding:2rem;position:relative}.stat-item:after{content:"";background:var(--accent);width:0;height:2px;transition:width .3s var(--easing);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.stat-item:hover:after{width:80%}.stat-item:hover{transform:translateY(-5px)}.stat-number{color:var(--accent);text-shadow:0 0 20px #ccff004d;margin-bottom:.5rem;font-family:Syncopate,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1}.stat-label{color:#888;text-transform:uppercase;letter-spacing:1px;font-size:.9rem;font-weight:500}@media (max-width:1200px){.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}}@media (max-width:768px){.testimonials-section{padding:6rem 2rem 2rem}.testimonials-header{margin-bottom:4rem}.testimonials-grid{grid-template-columns:1fr;gap:2rem;margin-bottom:4rem}.testimonial-card{padding:2rem}.quote-icon{font-size:5rem;top:.5rem;right:1rem}.testimonials-stats{grid-template-columns:repeat(2,1fr);gap:2rem;padding:3rem 1.5rem}.tape-item{gap:1rem;padding:0 2rem}.tape-quote{font-size:.9rem}}@media (max-width:480px){.testimonials-section{padding:5rem 1rem 2rem}.testimonial-card{padding:1.5rem}.author-avatar{width:50px;height:50px;font-size:1.2rem}.testimonials-stats{grid-template-columns:1fr;gap:1.5rem}.stat-item{padding:1.5rem}}