:root{--bg-primary: #f9f5f2;--bg-contrast: #141314;--bg-white: #ffffff;--text-main: #141314;--text-light: #f9f5f2;--gray-medium: #777380;--gray-light: #d6d5d9;--accent-purple: #7755a3;--accent-green: #419b45;--accent-peach: #f9c5b3;--accent-orange: #f15a26;--font-heading: "Space Mono", "Suisse Int’l Mono", monospace;--font-body: "Manrope", sans-serif;--border-radius: 4px;--ease-brutal: cubic-bezier(.25, 1, .5, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--text-main);background-color:var(--bg-primary);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased}ul{list-style:none}a{text-decoration:none;color:inherit}button{border:none;background:none;cursor:pointer;font-family:inherit}.uppercase{text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-heading);font-weight:700}h1,h2,h3,h4,.nav-brand{font-family:var(--font-heading);font-weight:700;line-height:1.1;color:var(--text-main)}.large-body{font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.3}.site-nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 3rem;border-bottom:2px solid var(--text-main);background:var(--bg-primary);position:sticky;top:0;z-index:100;font-size:.9rem}.nav-brand{font-size:1.25rem}.nav-links{display:flex;gap:3rem}.nav-links a:hover{color:var(--accent-orange)}.nav-actions{display:flex;align-items:center;gap:1.5rem}.btn-primary{display:inline-block;padding:.75rem 1.5rem;background-color:var(--bg-contrast);color:var(--text-light);border:2px solid var(--bg-contrast);transition:all .3s var(--ease-brutal)}.btn-primary:hover{background-color:var(--accent-purple);border-color:var(--accent-purple);color:#fff;transform:translateY(-2px)}.btn-large{padding:1rem 2rem;font-size:1rem}.hero{padding:8rem 3rem;min-height:70vh;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:4rem;border-bottom:2px solid var(--text-main)}.hero-content{flex:1}.hero-image{flex:1;max-width:600px;height:auto;border:2px solid var(--text-main);background-color:var(--bg-white);border-radius:var(--border-radius);overflow:hidden;box-shadow:12px 12px 0 0 var(--accent-green)}.hero-image img{width:100%;height:100%;object-fit:cover;display:block}.hero-title{font-size:clamp(3rem,5vw,6rem);text-transform:uppercase;margin-bottom:2rem}.hero-subtitle{font-size:1.25rem;max-width:600px;margin-bottom:3rem;color:var(--gray-medium)}.marquee-section{border-bottom:2px solid var(--text-main);padding:1rem 0;background-color:var(--accent-peach);color:var(--text-main);overflow:hidden;white-space:nowrap}.marquee-track{display:inline-block;animation:marquee 20s linear infinite;font-size:1.2rem}.marquee-content span{padding:0 2rem}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.products-section{padding:5rem 3rem}.section-header{margin-bottom:4rem}.section-header h2{font-size:2.5rem;margin-bottom:1rem}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.product-card{border:2px solid var(--text-main);background-color:var(--bg-white);transition:transform .4s var(--ease-brutal);cursor:pointer}.product-card:hover{transform:translateY(-8px);box-shadow:8px 8px 0 0 var(--accent-green)}.product-image{height:350px;background-color:var(--gray-light);border-bottom:2px solid var(--text-main);background-size:cover;background-position:center}.hardware-bg{background:linear-gradient(45deg,var(--gray-light),#e2e1e4)}.software-bg{background:linear-gradient(45deg,var(--accent-peach),#fadacf)}.product-info{padding:1.5rem}.product-info h3{font-size:1.1rem;margin-bottom:.5rem}.price{font-family:var(--font-heading);color:var(--gray-medium)}.vision-section{background-color:var(--bg-contrast);color:var(--text-light);padding:8rem 3rem}.vision-section h2{color:var(--text-light);font-size:3rem;margin-bottom:2rem}.vision-content{max-width:900px}.forms-section{padding:5rem 3rem;border-bottom:2px solid var(--text-main)}.form-container{max-width:600px;margin:0 auto}.form-wrapper h2{font-size:2.5rem;margin-bottom:.5rem}.form-wrapper p{margin-bottom:2rem;color:var(--gray-medium)}.custom-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-family:var(--font-heading);font-size:.9rem;color:var(--text-main)}.form-group input,.form-group select,.form-group textarea{padding:1rem;border:2px solid var(--text-main);background-color:var(--bg-white);font-family:var(--font-body);font-size:1rem;color:var(--text-main);transition:border-color .3s var(--ease-brutal);border-radius:var(--border-radius)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-purple)}.custom-form .btn-primary{align-self:flex-start;margin-top:1rem}.site-footer{background-color:var(--bg-white);padding:4rem 3rem;border-top:2px solid var(--text-main)}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.footer-col h4{margin-bottom:1rem}.footer-col p,.footer-col a{color:var(--gray-medium);font-size:.9rem}.footer-col a{display:block;margin-bottom:.5rem}.footer-col a:hover{color:var(--text-main)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#141314cc;display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;pointer-events:none;transition:opacity .4s var(--ease-brutal)}.modal-overlay.active{opacity:1;pointer-events:all}.modal-content{background-color:var(--bg-white);padding:3rem;max-width:500px;width:90%;border:2px solid var(--text-main);border-radius:var(--border-radius);text-align:center;transform:translateY(50px);transition:transform .4s var(--ease-brutal);box-shadow:12px 12px 0 0 var(--accent-green)}.modal-overlay.active .modal-content{transform:translateY(0)}.modal-content h2{font-size:2.5rem;margin-bottom:1rem;color:var(--accent-purple)}.modal-content p{color:var(--gray-medium);margin-bottom:2rem;font-size:1.1rem}.drawer{position:fixed;top:0;right:-500px;width:100%;max-width:450px;height:100vh;background:var(--bg-primary);border-left:2px solid var(--text-main);z-index:1000;transition:right .5s var(--ease-brutal);display:flex;flex-direction:column}.drawer.open{right:0}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid var(--text-main)}.close-drawer{font-size:.9rem}.drawer-body{padding:1.5rem;flex:1;overflow-y:auto}.drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999;opacity:0;pointer-events:none;transition:opacity .5s ease}.drawer-overlay.active{opacity:1;pointer-events:all}.in-view-target{opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease-brutal),transform .8s var(--ease-brutal)}.in-view-target.is-visible{opacity:1;transform:translateY(0)}@media (max-width: 992px){.hero{flex-direction:column;text-align:left;gap:3rem}.hero-image{width:100%;max-width:none}}@media (max-width: 768px){.nav-links{display:none}.site-nav{padding:1rem 1.5rem}.hero,.products-section,.vision-section,.forms-section{padding:4rem 1.5rem}.footer-grid{grid-template-columns:1fr}}
