:root{--bg-slate-950: #020617;--bg-slate-900: #0f172a;--bg-slate-800: #1e293b;--border-slate-700: #334155;--text-slate-200: #e2e8f0;--text-slate-300: #cbd5e1;--text-slate-400: #94a3b8;--text-slate-500: #64748b;--teal-500: #14b8a6;--teal-400: #2dd4bf;--teal-600: #0d9488;--cyan-400: #22d3ee;--cyan-500: #06b6d4;--emerald-400: #34d399;--emerald-500: #10b981;--blue-500: #3b82f6;--font-main: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-main);background-color:var(--bg-slate-900);color:var(--text-slate-200);line-height:1.5;overflow-x:hidden}a{text-decoration:none;color:inherit;transition:color .2s}ul{list-style:none}button{cursor:pointer;border:none;font-family:inherit}.pcb-container{position:absolute;inset:0;z-index:0;opacity:.4;pointer-events:none;overflow:hidden}.trace{fill:none;stroke:var(--border-slate-700);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pad{fill:var(--bg-slate-800);stroke:var(--teal-600);stroke-width:2}.data-packet{fill:none;stroke:var(--teal-400);stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 3px var(--teal-500));stroke-dasharray:20 1000;stroke-dashoffset:1000;animation:transfer 3s linear infinite}.data-packet.secondary{stroke:var(--cyan-400);filter:drop-shadow(0 0 3px var(--cyan-500));animation-duration:4s;animation-delay:1s}@keyframes transfer{to{stroke-dashoffset:0}}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 30%,var(--bg-slate-900) 100%);z-index:2;pointer-events:none}.status-badge{display:inline-flex;align-items:center;gap:.5rem;background-color:#1e293bcc;border:1px solid var(--teal-500);padding:.25rem 1rem;border-radius:9999px;margin-bottom:1.5rem;box-shadow:0 0 10px #14b8a633}.pulse-dot{width:.5rem;height:.5rem;background-color:var(--teal-400);border-radius:50%;animation:pulse 2s infinite;box-shadow:0 0 5px var(--teal-400)}@keyframes pulse{0%{opacity:1;box-shadow:0 0 5px var(--teal-400)}50%{opacity:.5;box-shadow:0 0 2px var(--teal-400)}to{opacity:1;box-shadow:0 0 5px var(--teal-400)}}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.section-py{padding-top:6rem;padding-bottom:6rem}.text-center{text-align:center}.text-right{text-align:right}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-col{flex-direction:column}.grid{display:grid}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-12{gap:3rem}.hidden{display:none}@media (min-width: 768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.md\:flex-row{flex-direction:row}.md\:flex-row-reverse{flex-direction:row-reverse}.md\:text-left{text-align:left}.md\:block{display:block}}@media (min-width: 1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.lg\:block{display:block}}.navbar{position:fixed;top:0;left:0;width:100%;z-index:100;transition:all .3s ease;padding:1.5rem 0}.navbar.scrolled{background-color:#0f172af2;backdrop-filter:blur(8px);border-bottom:1px solid var(--border-slate-700);padding:.75rem 0}.logo-box{display:flex;box-shadow:0 10px 15px -3px #14b8a633}.logo-i{font-family:serif;font-style:italic;margin:0 .125rem;color:#ccfbf1;font-size:1.8rem}.nav-link{color:var(--text-slate-300);font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;font-weight:500}.nav-link:hover{color:var(--teal-400)}.btn-primary{background-color:var(--teal-500);color:#fff;padding:.5rem 1.25rem;border-radius:.25rem;font-weight:700;transition:background-color .2s;box-shadow:0 4px 6px -1px #14b8a633}.btn-primary:hover{background-color:var(--teal-600)}.mobile-menu{background-color:var(--bg-slate-900);border-bottom:1px solid var(--border-slate-700);padding:1rem;display:none}.mobile-menu.open{display:block}.mobile-link{display:block;padding:.75rem 1rem;color:var(--text-slate-300)}.mobile-link:hover{color:var(--teal-400)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:4rem;overflow:hidden}.circuit-bg{position:absolute;inset:0;opacity:.1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10 h80 v80 h-80 Z' fill='none' stroke='%2314b8a6' stroke-width='0.5'/%3E%3Ccircle cx='10' cy='10' r='2' fill='%2314b8a6'/%3E%3Cpath d='M10 10 L50 50' stroke='%2314b8a6' stroke-width='0.5'/%3E%3C/svg%3E")}.status-badge{display:inline-flex;align-items:center;gap:.5rem;background-color:#1e293b80;border:1px solid var(--border-slate-700);padding:.25rem 1rem;border-radius:9999px;margin-bottom:1.5rem}.pulse-dot{width:.5rem;height:.5rem;background-color:var(--emerald-400);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.hero-title{font-size:3rem;font-weight:800;line-height:1.1;color:#fff;margin-bottom:1.5rem}@media (min-width: 768px){.hero-title{font-size:4.5rem}}.text-teal{color:var(--teal-500)}.text-cyan{color:var(--cyan-400)}.hero-desc{font-size:1.125rem;color:var(--text-slate-400);max-width:32rem;margin-bottom:2rem}.btn-lg{padding:.75rem 2rem;font-size:1rem;display:inline-flex;align-items:center;gap:.5rem}.btn-outline-cyan{border:1px solid var(--cyan-500);color:var(--cyan-400);background:transparent;padding:.75rem 2rem;border-radius:.25rem;font-weight:700;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}.btn-outline-cyan:hover{background-color:#22d3ee1a}.visual-container{position:relative;width:100%;aspect-ratio:1/1}.layer-hardware{position:absolute;top:0;right:0;width:75%;height:75%;background-color:var(--bg-slate-800);border:1px solid rgba(20,184,166,.3);border-radius:.5rem;padding:1.5rem;transform:rotate(3deg);transition:transform .5s;box-shadow:0 25px 50px -12px #115e5933}.layer-software{position:absolute;bottom:0;left:0;width:75%;height:75%;background-color:#0f172ae6;backdrop-filter:blur(4px);border:1px solid rgba(34,211,238,.3);border-radius:.5rem;padding:1.5rem;transform:rotate(-3deg);transition:transform .5s;box-shadow:0 25px 50px -12px #0891b233}.visual-container:hover .layer-hardware,.visual-container:hover .layer-software{transform:rotate(0)}.service-card{padding:1.5rem;border-radius:.75rem;border:1px solid var(--border-slate-700);transition:all .3s}.card-hardware{background-color:#1e293b80}.card-hardware:hover{border-color:#14b8a680;transform:translateY(-.5rem);box-shadow:0 10px 15px -3px #14b8a61a}.card-software{background-color:#1e293b4d}.card-software:hover{border-color:#22d3ee80;transform:translateY(-.5rem);box-shadow:0 10px 15px -3px #22d3ee1a}.card-icon{width:3rem;height:3rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.icon-hardware{background-color:#14b8a61a;color:var(--teal-500)}.icon-software{background-color:#22d3ee1a;color:var(--cyan-400)}.tag{display:inline-block;font-size:.75rem;padding:.25rem .5rem;border-radius:.25rem;border:1px solid;margin-right:.5rem}.tag-hw{border-color:#134e4a80;background-color:#134e4a1a;color:var(--teal-400)}.tag-sw{border-color:#164e6380;background-color:#164e631a;color:var(--cyan-400)}.case-study{display:flex;flex-direction:column;margin-bottom:3rem;border:1px solid var(--border-slate-700);border-radius:1rem;overflow:hidden;background:var(--bg-slate-800);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.case-visual{position:relative;min-height:200px;display:flex;width:100%}@media (min-width: 1024px){.case-study{flex-direction:row;margin-bottom:4rem}.case-study.reverse{flex-direction:row-reverse}.case-visual{flex:0 0 40%;min-height:auto}.case-info{flex:0 0 60%}}.visual-half{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:all .5s ease;background-size:cover;background-position:center}.visual-icon-wrapper{opacity:1;transition:opacity .4s ease,transform .4s ease;display:flex;align-items:center;justify-content:center;width:100%;height:100%;z-index:10}.visual-real-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.15;filter:grayscale(100%) brightness(.5);transition:all .5s ease;z-index:5}.visual-half:hover .visual-icon-wrapper{opacity:0;transform:scale(.9)}.visual-half:hover .visual-real-image{opacity:1;filter:grayscale(0%) brightness(.8) contrast(1.1);transform:scale(1.05);transition:all .5s cubic-bezier(.4,0,.2,1)}.hw-half{background:#0f172a;border-right:1px solid var(--border-slate-700);position:relative}.hw-half:after{content:"HARDWARE";position:absolute;bottom:10px;left:10px;font-size:10px;font-weight:700;color:var(--teal-500);opacity:.8;z-index:20;background:#0f172acc;padding:2px 6px;border-radius:4px;backdrop-filter:blur(2px)}.sw-half{background:#1e293b;position:relative}.sw-half:after{content:"SOFTWARE";position:absolute;bottom:10px;right:10px;font-size:10px;font-weight:700;color:var(--cyan-400);opacity:.8;z-index:20;background:#1e293bcc;padding:2px 6px;border-radius:4px;backdrop-filter:blur(2px)}.case-info{padding:1.5rem;display:flex;flex-direction:column;justify-content:center;border-top:1px solid var(--border-slate-700)}@media (min-width: 1024px){.case-info{padding:2.5rem;border-top:none;border-left:1px solid var(--border-slate-700)}.case-study.reverse .case-info{border-left:none;border-right:1px solid var(--border-slate-700)}}.cs-heading{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-slate-500);margin-bottom:.25rem;margin-top:1.5rem}.cs-desc{font-size:.95rem;color:var(--text-slate-300);margin-bottom:.5rem;line-height:1.6}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:3rem}.project-item{background:var(--bg-slate-800);border:1px solid var(--border-slate-700);border-radius:.5rem;padding:1.5rem;transition:all .2s;position:relative;overflow:hidden}.project-item:hover{transform:translateY(-5px);border-color:var(--teal-500);box-shadow:0 10px 15px -3px #14b8a61a}.project-type{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;display:inline-block}.type-hw{color:var(--teal-500)}.type-sw{color:var(--cyan-400)}.type-hy{background:linear-gradient(to right,var(--teal-500),var(--cyan-400));-webkit-background-clip:text;color:transparent}.product-card{position:relative;background-color:var(--bg-slate-800);border:1px solid var(--border-slate-700);border-radius:1rem;overflow:hidden}.product-img-area{height:16rem;background-color:var(--border-slate-700);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-badge{position:absolute;bottom:1rem;right:1rem;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:700;color:var(--bg-slate-900);z-index:20}.product-content{padding:2rem}.product-list li{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;color:var(--text-slate-300)}.toggle-container{display:flex;justify-content:center;margin-bottom:3rem;gap:1rem}.toggle-btn{background:transparent;border:1px solid var(--border-slate-700);color:var(--text-slate-400);padding:.75rem 1.5rem;border-radius:9999px;font-weight:600;font-size:.875rem;transition:all .3s;display:flex;align-items:center;gap:.5rem}.toggle-btn:hover{border-color:var(--text-slate-300);color:var(--text-slate-200)}.toggle-btn.active-hw{background-color:#14b8a61a;border-color:var(--teal-500);color:var(--teal-500)}.toggle-btn.active-sw{background-color:#22d3ee1a;border-color:var(--cyan-400);color:var(--cyan-400)}.process-group{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background-color:var(--bg-slate-800);transform:translate(-50%)}.timeline-dot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:2rem;height:2rem;background-color:var(--bg-slate-900);border:4px solid var(--border-slate-700);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10}.dot-inner{width:.5rem;height:.5rem;border-radius:50%;transition:background-color .3s}.hw-active .dot-inner{background-color:var(--teal-500)}.sw-active .dot-inner{background-color:var(--cyan-400)}.timeline-card{background-color:var(--bg-slate-900);border:1px solid var(--bg-slate-800);padding:1.5rem;border-radius:.75rem;transition:border-color .3s}.hw-active .timeline-card:hover{border-color:var(--teal-600)}.sw-active .timeline-card:hover{border-color:var(--cyan-600)}.phase-label{font-family:var(--font-mono);font-size:.875rem;margin-bottom:.5rem;transition:color .3s}.hw-active .phase-label{color:var(--teal-500)}.sw-active .phase-label{color:var(--cyan-400)}.footer{background-color:var(--bg-slate-950);border-top:1px solid var(--bg-slate-800);padding:4rem 0 2rem}.icon-svg{width:24px;height:24px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}@media (max-width: 768px){.timeline-line,.timeline-dot{left:1.5rem}.timeline-item{flex-direction:column!important;padding-left:3rem;position:relative}}