:root{--color-dark-gray: #0f1115;--color-charcoal: #1e2126;--color-steel-blue: #3b82f6;--color-light-gray: #f3f4f6;--color-white: #ffffff;--color-border: #e5e7eb;--color-border-tech: rgba(59, 130, 246, .3);--gradient-dark: linear-gradient(135deg, #0f1115 0%, #1a1d23 100%);--gradient-tech: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--gradient-surface: linear-gradient(to bottom right, #ffffff, #f9fafb);--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--max-width: 1400px;--header-height: 90px;--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-glow: 0 0 20px rgba(59, 130, 246, .15);--radius-sm: 4px;--radius-lg: 16px;--transition: all .4s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);color:var(--color-charcoal);line-height:1.6;background-color:#f8fafc;-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:.4}a{text-decoration:none;color:inherit}ul{list-style:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 2rem}h1,h2,h3,h4{font-weight:800;color:var(--color-dark-gray);letter-spacing:-.02em}h1{letter-spacing:-.04em}section{padding:120px 0;position:relative}.technical-table{width:100%;border-collapse:collapse;margin:0;font-size:.9rem;font-family:var(--font-mono)}.technical-table th{background-color:var(--color-light-gray);color:var(--color-dark-gray);text-align:left;padding:16px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;border-bottom:2px solid var(--color-border)}.technical-table td{padding:14px 16px;border-bottom:1px solid var(--color-border);color:var(--color-charcoal)}.technical-table tr:hover td{background-color:#3b82f608;color:var(--color-steel-blue)}.tech-border-corner{position:absolute;width:20px;height:20px;border:2px solid var(--color-steel-blue);z-index:2;transition:all .3s ease;opacity:.5}.top-left{top:-1px;left:-1px;border-right:none;border-bottom:none}.top-right{top:-1px;right:-1px;border-left:none;border-bottom:none}.bottom-left{bottom:-1px;left:-1px;border-right:none;border-top:none}.bottom-right{bottom:-1px;right:-1px;border-left:none;border-top:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-light-gray)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-steel-blue)}.navbar-tech{height:var(--header-height);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:1000;display:flex;align-items:center}.navbar-container{display:flex;justify-content:space-between;align-items:center;width:100%}.navbar-brand{font-size:1.5rem;font-weight:800;color:var(--color-dark-gray);letter-spacing:.1em;display:flex;align-items:center;gap:10px}.brand-icon{width:20px;height:20px;background:var(--color-steel-blue);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.navbar-links-tech{display:flex;gap:2rem}.navbar-links-tech a{font-size:.85rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:.5rem;position:relative;transition:color .3s ease}.navbar-links-tech a:hover,.navbar-links-tech a.active{color:var(--color-dark-gray)}.link-bracket{position:absolute;top:50%;transform:translateY(-50%);opacity:0;transition:all .2s ease;color:var(--color-steel-blue);font-weight:300}.link-bracket.left{left:-8px}.link-bracket.right{right:-8px}.navbar-links-tech a:hover .link-bracket,.navbar-links-tech a.active .link-bracket{opacity:1;left:-12px}.navbar-links-tech a:hover .link-bracket.right,.navbar-links-tech a.active .link-bracket.right{right:-12px}.nav-scanner-line{position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--color-steel-blue);box-shadow:0 0 8px var(--color-steel-blue)}.hamburger-btn{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:transparent;border:none;cursor:pointer;z-index:1001;padding:0}.hamburger-btn .line{width:100%;height:3px;background-color:var(--color-dark-gray);border-radius:3px;transition:all .3s ease}.hamburger-btn.open .line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-btn.open .line:nth-child(2){opacity:0}.hamburger-btn.open .line:nth-child(3){transform:rotate(-45deg) translate(7px,-8px)}.mobile-menu-overlay{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:#fffffffa;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:center;transition:right .4s cubic-bezier(.77,0,.175,1);z-index:999;top:var(--header-height);height:calc(100vh - var(--header-height));border-top:1px solid var(--color-border)}.mobile-menu-overlay.open{right:0}.mobile-nav-links{list-style:none;text-align:center;display:flex;flex-direction:column;gap:2.5rem}.mobile-nav-links a{font-size:1.5rem;font-weight:700;color:var(--color-dark-gray);text-transform:uppercase;text-decoration:none;transition:color .3s}.mobile-nav-links a.active{color:var(--color-steel-blue)}@media(max-width:900px){.navbar-links-tech.desktop-only{display:none}.hamburger-btn{display:flex}}.footer{background-color:var(--color-dark-gray);color:var(--color-white);padding:40px 0;margin-top:auto}.footer-container{display:flex;justify-content:space-between;align-items:center}.footer-info h3{color:var(--color-white);margin-bottom:.5rem}.footer-info p{font-size:.9rem;opacity:.7}.footer-copyright p{font-size:.8rem;opacity:.5}.hero-section{min-height:95vh;display:flex;align-items:center;position:relative;overflow:hidden;background:var(--color-dark-gray);color:var(--color-white);padding-bottom:120px}.hero-bg-mesh{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.3;overflow:hidden}.mesh-gradient{position:absolute;top:-50%;left:-20%;width:140%;height:200%;background:radial-gradient(circle at 50% 50%,#252a33,#0f1115 60%);background-size:100% 100%}.relative-z{position:relative;z-index:2}.hero-split-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem}.hero-overline{height:4px;background:var(--gradient-tech);margin-bottom:2rem}.hero-title{font-size:4.5rem;line-height:1.05;color:var(--color-white);margin-bottom:2rem;font-weight:800}.stroked-text{-webkit-text-stroke:1px rgba(255,255,255,.3);color:transparent;display:block}.hero-subtitle{font-size:1.15rem;color:#9ba1a6;max-width:500px;margin-bottom:3.5rem;line-height:1.8;font-weight:300;border-left:1px solid rgba(255,255,255,.1);padding-left:1.5rem}.hero-cta-group{display:flex;gap:1.5rem}.btn-tech{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:1rem 2.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-size:.9rem;cursor:pointer;overflow:hidden;transition:all .3s ease;clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px)}.btn-tech.primary{color:var(--color-white);background:transparent;border:1px solid var(--color-steel-blue)}.btn-tech.primary .btn-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-steel-blue);z-index:-1;transition:transform .4s ease}.btn-tech.primary:hover .btn-bg{transform:translate(100%)}.btn-tech.primary:hover{color:var(--color-steel-blue)}.btn-tech.secondary{color:var(--color-white);border:1px solid rgba(255,255,255,.3)}.btn-tech.secondary:hover{background:#ffffff1a;border-color:var(--color-white)}.tech-frame-container{position:relative;padding:20px}.hero-image-mask{clip-path:polygon(30px 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%,0 30px);overflow:hidden;position:relative}.hero-image-mask img{width:100%;display:block;filter:grayscale(20%) contrast(1.1);transition:filter .5s ease}.tech-frame-container:hover img{filter:grayscale(0%) contrast(1.2)}.angled-divider-bottom{position:absolute;bottom:0;left:0;width:100%;height:80px;background:#f8fafc;clip-path:polygon(0 100%,100% 100%,100% 0);z-index:5}.section-header.centered{text-align:center;margin-bottom:4rem}.tech-separator{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:1.5rem;opacity:.5}.line{width:60px;height:1px;background:var(--color-charcoal)}.dot{width:4px;height:4px;background:var(--color-steel-blue);transform:rotate(45deg)}.intro-content-wrapper{max-width:1000px;margin:0 auto}.intro-text-block{text-align:center;font-size:1.4rem;line-height:1.8;color:var(--color-charcoal);margin-bottom:5rem;font-weight:300}.intro-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.stat-box{background:var(--color-white);padding:3rem 2rem;position:relative;text-align:center;box-shadow:var(--shadow-sm);transition:all .3s ease;border-top:3px solid transparent}.stat-box:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg);border-top-color:var(--color-steel-blue)}.stat-icon-decoration{width:40px;height:4px;background:var(--color-light-gray);margin:0 auto 1.5rem}.stat-box h3{font-size:2rem;margin-bottom:.5rem;color:var(--color-dark-gray)}.stat-label{font-size:.85rem;color:#64748b;text-transform:uppercase;letter-spacing:.1em}@media(max-width:968px){.hero-split-layout{grid-template-columns:1fr;text-align:center}.hero-overline{margin:0 auto 2rem}.hero-subtitle{margin:0 auto 3rem;border:none;padding:0}.hero-cta-group{justify-content:center}.intro-stats-row{grid-template-columns:1fr}}.product-hero-angle{padding:140px 0 100px;background:var(--color-dark-gray);color:var(--color-white);position:relative;clip-path:polygon(0 0,100% 0,100% 85%,0 100%)}.product-hero-angle:before{content:"";position:absolute;top:0;right:0;width:60%;height:100%;background:radial-gradient(circle at 100% 0%,#1e2530 0%,transparent 60%);opacity:.5}.hero-text-block h1{font-size:3.5rem;color:var(--color-white);margin-bottom:1.5rem}.hero-rule{width:60px;height:4px;background:var(--color-steel-blue);margin-bottom:2rem}.hero-text-block p{font-size:1.2rem;max-width:700px;color:#94a3b8;line-height:1.7}.model-section{position:relative}.section-label{display:flex;align-items:center;gap:1.5rem;margin-bottom:4rem}.label-text{font-family:var(--font-mono);font-size:.8rem;padding:4px 8px;border:1px solid var(--color-steel-blue);color:var(--color-steel-blue)}.model-grid-tech{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:3rem}.model-card-tech{background:var(--color-white);padding:2.5rem;position:relative;transition:all .4s ease;border:1px solid transparent}.model-card-tech:hover{transform:translateY(-5px);background:#fff;box-shadow:0 20px 40px #0000000d}.card-tech-borders{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.corner{position:absolute;width:10px;height:10px;border:2px solid #cbd5e1;transition:all .3s ease}.model-card-tech:hover .corner{width:20px;height:20px;border-color:var(--color-steel-blue)}.tl{top:0;left:0;border-right:none;border-bottom:none}.tr{top:0;right:0;border-left:none;border-bottom:none}.bl{bottom:0;left:0;border-right:none;border-top:none}.br{bottom:0;right:0;border-left:none;border-top:none}.model-id{font-family:var(--font-mono);font-size:.75rem;color:#94a3b8;display:block;margin-bottom:.5rem}.model-card-tech h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--color-dark-gray)}.code-display{background:var(--color-light-gray);padding:.5rem 1rem;display:inline-flex;gap:1rem;margin-bottom:1.5rem;border-radius:2px}.code-display .label{font-size:.7rem;color:#64748b;font-weight:700}.code-display .val{font-family:var(--font-mono);font-weight:700;color:var(--color-charcoal)}.desc{color:#64748b;font-size:.95rem}.custom-banner{position:absolute;top:0;right:0;background:var(--color-steel-blue);color:#fff;font-size:.7rem;padding:4px 12px;font-weight:700}.section-spacer{height:60px}.technical-section{margin-top:8rem}.tech-header-block{text-align:center;margin-bottom:4rem}.tech-header-block h2{font-size:2.5rem;margin-bottom:.5rem}.tech-header-block p{font-family:var(--font-mono);color:var(--color-steel-blue);letter-spacing:.2em}.tech-group{margin-bottom:5rem}.group-title{font-size:1.2rem;border-left:4px solid var(--color-steel-blue);padding-left:1rem;margin-bottom:.5rem}.group-desc{margin-bottom:2rem;color:#64748b;padding-left:1.25rem}.specs-grid{display:grid;gap:1.5rem}.tech-spec-container{border:2px solid #000;background:#fff;margin-bottom:2rem}.tech-spec-header{padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center;background:#e5e5e5;border-bottom:1px solid #000}.tech-spec-header h4{font-family:var(--font-sans);font-weight:800;font-size:.9rem;color:#000;text-transform:uppercase;margin:0;letter-spacing:.05em}.status-indicator,.data-tag,.toggle-chevron{display:none}.spec-content-wrapper{padding:0;overflow-x:auto}.technical-table{width:100%;border-collapse:collapse;font-family:var(--font-sans);font-size:.8rem;color:#000}.technical-table th{background:#e5e5e5;font-weight:700;text-align:center;padding:6px;border-bottom:1px solid #000;border-right:1px solid #000}.technical-table th:last-child{border-right:none}.technical-table td{padding:6px;text-align:center;border-bottom:1px solid #ccc;border-right:1px solid #ccc}.technical-table td:last-child{border-right:none}.technical-table tr:last-child td{border-bottom:none}.spec-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.spec-modal-content{background:transparent;width:100%;max-width:1000px;height:90vh;position:relative;display:flex;flex-direction:column}.close-modal-btn{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;font-weight:300}.spec-sheet-paper{background:#fff;width:100%;height:100%;padding:1rem;overflow-y:auto;box-shadow:0 20px 50px #00000080;border-radius:4px}.spec-images-container{display:flex;flex-direction:column;gap:0}.full-spec-image{width:100%;height:auto;display:block}.model-card-tech.interactive{cursor:pointer}.model-card-tech.interactive:hover{border-color:var(--color-steel-blue)}.view-spec-btn{display:inline-block;margin-top:1rem;font-size:.8rem;font-weight:700;color:var(--color-steel-blue);position:relative;padding-bottom:2px}.view-spec-btn:after{content:"";position:absolute;bottom:0;left:0;width:0%;height:1px;background:var(--color-steel-blue);transition:width .3s}.model-card-tech:hover .view-spec-btn:after{width:100%}.helper-text{font-size:.9rem;color:#94a3b8;font-weight:400;font-style:italic}@media(max-width:1024px){.product-hero-angle{padding:120px 0 80px}.hero-text-block h1{font-size:3rem}.model-card-tech{padding:2rem}}@media(max-width:768px){.product-hero-angle{padding:100px 0 60px;clip-path:polygon(0 0,100% 0,100% 90%,0 100%)}.hero-text-block h1{font-size:2.2rem}.hero-text-block p{font-size:1rem}.section-label{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:2.5rem}.model-grid-tech{grid-template-columns:1fr;gap:2rem}.model-card-tech h3{font-size:1.3rem}.spec-modal-content{height:100vh;width:100%;max-width:100%}.spec-sheet-paper{padding:1.5rem}.sheet-header{margin-bottom:1.5rem}.sheet-title{flex-direction:column;align-items:flex-start;gap:.5rem}.sheet-title h5{font-size:1.2rem}.spec-images-container{overflow-x:auto}.close-modal-btn{top:10px;right:10px;color:#000;background:#fffc;width:30px;height:30px;border-radius:50%;font-size:1.5rem;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 2px 5px #0003}}@media(max-width:480px){.hero-text-block h1{font-size:1.8rem}.model-card-tech{padding:1.5rem}}.about-hero{background-color:var(--color-charcoal);color:var(--color-white);padding:80px 0;text-align:center}.about-hero h1{color:var(--color-white);font-size:3rem;margin-bottom:1rem}.about-hero .subtitle{font-size:1.2rem;opacity:.8;letter-spacing:.05rem}.about-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:4rem}.about-text p{margin-bottom:1.5rem;font-size:1.1rem;color:var(--color-text-primary)}.about-values ul{display:flex;flex-direction:column;gap:2rem}.about-values li strong{display:block;font-size:1.2rem;color:var(--color-steel-blue);margin-bottom:.5rem}.about-values li p{color:var(--color-text-secondary)}@media(max-width:768px){.about-grid{grid-template-columns:1fr}}.contact-hero{background-color:var(--color-dark-gray);color:var(--color-white);padding:60px 0;text-align:center}.contact-hero h1{color:var(--color-white);font-size:3rem;margin-bottom:.5rem}.contact-hero .subtitle{font-size:1.1rem;opacity:.8}.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:4rem}.divider{height:4px;width:60px;background:var(--color-steel-blue);margin:1.5rem 0 3rem}.info-item{margin-bottom:2rem}.info-item h3{font-size:1.1rem;color:var(--color-steel-blue);margin-bottom:.5rem}.info-item p{color:var(--color-text-secondary);line-height:1.6}.contact-form{background-color:var(--color-light-gray);padding:2rem;border-radius:4px}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--color-dark-gray)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.8rem;border:1px solid var(--color-border);border-radius:4px;font-family:var(--font-family);font-size:1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-steel-blue);box-shadow:0 0 0 2px #4682b433}.status-success{margin-top:1rem;padding:1rem;background-color:#d4edda;color:#155724;border:1px solid #c3e6cb;border-radius:4px;font-size:.9rem}.status-error{margin-top:1rem;padding:1rem;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:4px;font-size:.9rem}.btn:disabled{opacity:.7;cursor:not-allowed}@media(max-width:768px){.contact-grid{grid-template-columns:1fr}}