*{margin:0;padding:0;box-sizing:border-box}:root{--color-black:#000000;--color-white:#FFFFFF;--color-gray:#f0f0f0;--color-light-gray:#f8f8f8;--color-dark-gray:#333333;--font-heading:"IBM Plex Mono",monospace;--font-body:"Inter",sans-serif;--transition:all 0.3s ease;--color-black-rgb:0,0,0;--color-white-rgb:255,255,255}[data-theme=dark]{--color-black:#FFFFFF;--color-white:#121212;--color-gray:#1E1E1E;--color-light-gray:#2A2A2A;--color-dark-gray:#EEEEEE;--color-black-rgb:255,255,255;--color-white-rgb:18,18,18}.theme-toggle{margin-right:20px;display:flex;align-items:center}.theme-toggle-btn{background:none;border:none;cursor:pointer;padding:0;width:48px;height:24px;position:relative}.socket{box-shadow:-.05em .1em .2em -.2em white;background:hsl(0 0% 90%);position:relative;inset:0;border-radius:12px;width:100%;height:100%;transition:all .3s ease}.socket-shadow{inset:0 0;opacity:0;box-shadow:0 .075em .1em 0 white;transition:opacity .3s ease}.socket-edge,.socket-shadow{position:absolute;border-radius:inherit}.socket-edge{inset:0;box-shadow:inset 0 .1em .2em hsla(0 0% 0%/.2)}.socket-handle{position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:white;border-radius:50%;transition:transform .3s ease;box-shadow:0 .1em .2em hsla(0 0% 0%/.2)}[data-theme=dark] .socket-handle{transform:translateX(24px)}[data-theme=dark] .socket{background:hsl(0 0% 15%)}[data-theme=dark] .socket-shadow{opacity:.3}@media (max-width:768px){header .container{justify-content:space-between}.theme-toggle{margin-right:15px}}html{scroll-behavior:smooth}body{font-family:var(--font-body);line-height:1.6;color:var(--color-black);background-color:var(--color-white)}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.3;margin-bottom:1rem}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,4vw,2.5rem)}h3{font-size:clamp(1.2rem,3vw,1.8rem)}p,ul{margin-bottom:1.5rem}ul{list-style-position:inside}a{text-decoration:none;color:var(--color-black);transition:var(--transition)}img{max-width:100%;height:auto;display:block}.btn-primary{display:inline-block;background-color:var(--color-black);color:var(--color-white);padding:12px 24px;border:2px solid var(--color-black);font-family:var(--font-heading);font-weight:500;text-transform:uppercase;letter-spacing:1px;transition:var(--transition)}.btn-primary:hover{background-color:transparent;color:var(--color-black)}.btn-small{display:inline-block;background-color:var(--color-black);color:var(--color-white);padding:8px 16px;font-family:var(--font-heading);font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;transition:var(--transition)}.btn-small:hover{background-color:var(--color-dark-gray)}header{position:fixed;top:0;left:0;width:100%;background-color:var(--color-white);padding:20px 0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,.1);transition:padding .3s ease,background-color .3s ease,box-shadow .3s ease}header.scrolled{padding:15px 0;background-color:rgba(255,255,255,1);box-shadow:0 5px 20px rgba(0,0,0,.1)}[data-theme=dark] header.scrolled{background-color:rgba(18,18,18,1)}header .container{justify-content:space-between;max-width:1300px;padding:0 30px}.logo,header .container{display:flex;align-items:center}.logo{position:relative;overflow:hidden;justify-content:center}.logo:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0,rgba(255,255,255,0) 70%);opacity:0;transform:scale(.5);transition:transform .8s ease,opacity .8s ease}.logo:hover:before{opacity:1;transform:scale(1)}.logo img{width:auto;object-fit:contain;transition:transform .5s cubic-bezier(.175,.885,.32,1.275)}.logo:hover img{transform:scale(1.08)}nav{flex-grow:1;display:flex;justify-content:center;margin:0 20px}.btn-primary,.btn-small{position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease,color .3s ease}.btn-primary:hover,.btn-small:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.btn-primary:after,.btn-small:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background-color:rgba(255,255,255,.2);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.btn-primary:active:after,.btn-small:active:after{width:300px;height:300px;opacity:0}.hero-image img{display:block}.faq-question{transition:background-color .3s ease}.faq-question:hover{background-color:rgba(0,0,0,.03)}.toggle{transition:transform .3s ease}.faq-answer{transition:max-height .5s cubic-bezier(.4,0,.2,1),padding .5s cubic-bezier(.4,0,.2,1)}input,select,textarea{transition:border-color .3s ease,box-shadow .3s ease,background-color .3s ease}input:focus,select:focus,textarea:focus{border-color:var(--color-black);box-shadow:0 0 0 3px rgba(0,0,0,.1)}.socket{transition:background .5s cubic-bezier(.4,0,.2,1),box-shadow .5s cubic-bezier(.4,0,.2,1)}.socket-handle{transition:transform .5s cubic-bezier(.4,0,.2,1),background-color .5s cubic-bezier(.4,0,.2,1),box-shadow .5s cubic-bezier(.4,0,.2,1)}.socket-shadow{transition:opacity .5s cubic-bezier(.4,0,.2,1)}.theme-toggle-btn:hover .socket-handle{box-shadow:0 .1em .3em hsla(0 0% 0%/.3)}.logo img{height:40px}nav ul{display:flex;list-style:none;margin:0;gap:40px}nav ul li{margin:0;position:relative}nav ul li a{font-family:var(--font-heading);font-weight:500;text-transform:uppercase;letter-spacing:1px;font-size:.9rem;position:relative;transition:color .3s ease;padding:5px 0}nav ul li a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:var(--color-black);transition:width .3s cubic-bezier(.65,0,.35,1)}nav ul li a:hover:after{width:100%}nav ul li a.btn-small{padding:8px 20px;border-radius:4px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),background-color .3s ease,box-shadow .3s ease}nav ul li a.btn-small:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 10px 20px rgba(0,0,0,.1)}.menu-toggle{display:none;flex-direction:column;cursor:pointer;z-index:1001;width:30px;height:24px;position:relative}.menu-toggle span{display:block;width:100%;height:3px;background-color:var(--color-black);margin-bottom:5px;border-radius:3px;transition:transform .3s cubic-bezier(.68,-.6,.32,1.6),opacity .3s ease}.menu-toggle span:first-child{transform-origin:top left}.menu-toggle span:nth-child(3){transform-origin:bottom left;margin-bottom:0}.menu-toggle.active span:first-child{transform:rotate(45deg) translate(2px,-2px)}.menu-toggle.active span:nth-child(2){opacity:0;transform:translateX(-10px)}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(2px,2px)}.hero-section{background-color:var(--color-light-gray)}.hero-section .container{display:flex;align-items:center;justify-content:space-between;gap:40px}.hero-content{flex:1 1}.hero-image{flex:1 1;display:flex;justify-content:center;align-items:center}.hero-image img{max-width:100%;max-height:400px}.about-section{padding:100px 0;background-color:var(--color-white)}.about-section h2{max-width:800px;margin-bottom:40px}.about-content{max-width:800px}.about-content ul{list-style-type:disc;padding-left:20px}.quote{margin-top:40px;padding:30px;background-color:var(--color-light-gray);border-left:5px solid var(--color-black)}.quote p{font-family:var(--font-heading);font-size:1.5rem;font-weight:600;margin-bottom:0}.faq-container{max-width:800px;margin-top:40px}.cta-section{padding:100px 0;background-color:var(--color-black);color:var(--color-white);text-align:center}.cta-section h2{margin-bottom:20px}.cta-section p{margin-bottom:30px;font-size:1.2rem}.cta-section .btn-primary{background-color:var(--color-white);color:var(--color-black);border-color:var(--color-white)}.cta-section .btn-primary:hover{background-color:transparent;color:var(--color-white)}footer{padding:60px 0 20px;background-color:var(--color-light-gray)}.footer-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.footer-logo img{height:60px}.footer-links ul{display:flex;list-style:none;margin:0}.footer-links ul li{margin-left:30px}.footer-links ul li a{font-family:var(--font-heading);font-weight:500;text-transform:uppercase;letter-spacing:1px;font-size:.9rem}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(0,0,0,.1)}@media (max-width:992px){.hero-section .container{flex-direction:column;text-align:center}.hero-content{margin-bottom:40px}.about-section h2,.quote{text-align:center}}@media (max-width:768px){nav{position:fixed;top:80px;left:0;width:100%;background-color:var(--color-white);padding:20px 0;box-shadow:0 5px 10px rgba(0,0,0,.1);transform:translateY(-150%);transition:transform .3s ease}nav.active{transform:translateY(0)}nav ul{flex-direction:column;align-items:center}nav ul li{margin:10px 0}.menu-toggle{display:flex}.footer-content{flex-direction:column;text-align:center}.footer-logo{margin-bottom:20px}.footer-links ul{justify-content:center}.footer-links ul li{margin:0 15px}}@media (max-width:576px){.hero-section{padding:120px 0 60px}.about-section,.cta-section,.faq-section{padding:60px 0}.faq-question h3{font-size:1rem}}@media (max-width:480px){.hero-section{padding:100px 0 50px}h1{font-size:1.8rem}.hero-content p{font-size:1rem}.contact-grid{padding:15px 10px}.info-item{flex-direction:column;align-items:flex-start;gap:10px}.logo img{height:30px}.about-parallax-element{display:none}}@media (max-width:768px){.contact-grid{grid-template-columns:1fr;gap:30px;padding:30px 20px}.text-reveal-char{transition-delay:0s!important}.about-parallax-element{right:-30px;width:150px;height:150px;opacity:.15}.parallax-text,.parallax-text-fast,.parallax-text-slow{transform:none!important}.contact-parallax-bg{height:100%}}@media (max-width:480px){.about-parallax-element{display:none}.contact-section{padding:60px 0}}.hero-section,.parallax-section{position:relative;overflow:hidden}.hero-section{padding:150px 0 100px}.hero-parallax-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-light-gray);z-index:-1}.about-section{position:relative;overflow:hidden}.about-parallax-element{position:absolute;right:-50px;top:10%;width:250px;height:250px;background-image:url("/assets/images/logos/Binary & Wire Submark.png");background-size:contain;background-repeat:no-repeat;background-position:50%;opacity:.08;z-index:0;transform:none!important}.contact-section,.faq-section{position:relative;overflow:hidden}.contact-section{padding:100px 0;color:#ffffff}.contact-parallax-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#333333;z-index:-1}.contact-intro{max-width:600px;margin:0 auto 40px;text-align:center;color:#cccccc;font-size:1.1rem}.contact-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px;max-width:1000px;margin:0 auto;background-color:rgba(255,255,255,.05);border-radius:8px;padding:40px;box-shadow:0 10px 30px rgba(0,0,0,.2)}.contact-info{display:flex;flex-direction:column;justify-content:center}.info-card{background-color:rgba(0,0,0,.2);padding:30px;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.1)}.info-item{display:flex;align-items:center;gap:15px;margin-bottom:25px;transition:transform .3s ease}.info-item:last-child{margin-bottom:0}.info-item:hover{transform:translateX(5px)}.icon{font-size:1.5rem;background-color:rgba(255,255,255,.1);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.contact-link{color:#ffffff;text-decoration:none;font-weight:500;transition:all .3s ease;position:relative;padding-bottom:2px}.contact-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#ffffff;transition:width .3s ease}.contact-link:hover{color:#ffffff}.contact-link:hover:after{width:100%}.instagram-link{display:flex;flex-direction:column}.platform-hint{font-size:.8rem;color:#aaaaaa;margin-top:4px}.contact-form{gap:20px}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{font-family:var(--font-heading);font-weight:500;font-size:.9rem;color:#cccccc}input,select,textarea{padding:12px 15px;border:1px solid rgba(255,255,255,.1);border-radius:4px;font-family:var(--font-body);background-color:rgba(255,255,255,.05);color:#ffffff;transition:all .3s ease}select option{padding:8px 12px}select option,select:focus option{background-color:#ffffff;color:#000000}select option:checked,select option:hover{background-color:#f0f0f0;color:#000000}input:focus,select:focus,textarea:focus{outline:none;border-color:rgba(255,255,255,.3);background-color:rgba(255,255,255,.1)}.contact-form .btn-primary{background-color:#ffffff;color:#333333;border:none;padding:14px 24px;font-weight:600;letter-spacing:1px;border-radius:4px;cursor:pointer;transition:all .3s ease;align-self:flex-start;margin-top:10px}.contact-form .btn-primary:hover{background-color:rgba(255,255,255,.8);transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.confirmation-message{text-align:center;margin-top:30px;padding:20px;background-color:rgba(255,255,255,.1);border-radius:8px;border-left:4px solid #ffffff}@media (max-width:768px){.contact-grid{grid-template-columns:1fr;padding:30px 20px}.contact-info{margin-bottom:20px}.contact-form .btn-primary{width:100%;align-self:center}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInLeft{0%{transform:translateX(-30px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideInRight{0%{transform:translateX(30px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes fadeInBlur{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes rotateIn{0%{transform:rotate(-10deg) scale(.9);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animate{opacity:0}.animate.fade-in{animation:fadeIn .8s ease forwards}.animate.slide-up{animation:slideInUp .8s ease forwards}.animate.slide-left{animation:slideInLeft .8s ease forwards}.animate.slide-right{animation:slideInRight .8s ease forwards}.animate.fade-blur{animation:fadeInBlur 1s cubic-bezier(.23,1,.32,1) forwards}.animate.scale-in{animation:scaleIn .8s cubic-bezier(.34,1.56,.64,1) forwards}.animate.rotate-in{animation:rotateIn .8s cubic-bezier(.34,1.56,.64,1) forwards}.animate.bounce{animation:bounce 2s ease infinite;animation-delay:1s}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.text-reveal-wrapper{display:inline-block;overflow:hidden}.text-reveal-char{display:inline-block;transform:translateY(100%);opacity:0;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .5s ease}.section-visible .text-reveal-char{transform:translateY(0);opacity:1}.section-animate{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.section-visible{opacity:1;transform:translateY(0)}.parallax-text,.parallax-text-fast,.parallax-text-slow{will-change:transform;transition:transform .1s ease-out}.about-content{position:relative;z-index:2}.about-content h2,.about-content p,.about-content ul{will-change:transform}.faq-container{position:relative;z-index:2}.faq-item{will-change:transform}.contact-intro,.contact-section h2{will-change:transform;position:relative;z-index:2}