:root{--color-bg: #09090b;--color-surface: #0c0c10;--color-card: #111118;--color-card-hover: #16161f;--color-border: #1c1c28;--color-border-hover: #2a2a3a;--color-text: #ededf0;--color-text-secondary: #a0a0b4;--color-text-muted: #7e7e96;--color-text-dim: #9090a8;--color-primary: #0f766e;--color-primary-hover: #14b8a6;--color-accent: #2dd4bf;--color-indigo: #6366f1;--color-green: #22c55e;--color-amber: #f59e0b;--color-red: #ef4444;--color-white: #ffffff;--font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", "Fira Code", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--border-radius-sm: 6px;--border-radius-md: 10px;--border-radius-lg: 16px;--border-radius-xl: 20px;--border-radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--header-height: auto;--container-max: 1200px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{color:var(--color-primary-hover);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent)}ul,ol{list-style:none}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--spacing-lg)}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.625rem 1.5rem;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:600;color:var(--color-white);background-color:var(--color-primary);border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-decoration:none}.cta-button:hover{background-color:var(--color-primary-hover);color:var(--color-white)}.top-bar{background-color:var(--color-surface);color:var(--color-text-muted);font-size:var(--font-size-xs);padding:.375rem 0;border-bottom:1px solid var(--color-border)}.top-bar-content{display:flex;align-items:center;justify-content:space-between}.top-bar-left{display:flex;align-items:center;gap:var(--spacing-lg)}.top-bar-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-dim);text-decoration:none;transition:color var(--transition-fast)}.top-bar-link:hover{color:var(--color-text)}.top-bar-link svg{flex-shrink:0}.top-bar-right{font-size:var(--font-size-xs);color:var(--color-text-muted)}.main-header{background-color:#09090bcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.main-header-content{display:flex;align-items:center;justify-content:space-between;height:72px;gap:var(--spacing-xl)}.logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.logo-text{display:flex;align-items:baseline;gap:.25rem;font-size:var(--font-size-xl);font-weight:800;letter-spacing:-.02em}.logo-epic{color:var(--color-accent)}.logo-automations{color:var(--color-text)}.main-nav{display:flex;align-items:center}.nav-list{display:flex;align-items:center;gap:var(--spacing-xs)}.nav-item{position:relative}.nav-link{display:flex;align-items:center;gap:4px;padding:.5rem .75rem;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);text-decoration:none;border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.nav-link:hover,.nav-item.active>.nav-link{color:var(--color-text);background-color:var(--color-card)}.dropdown-arrow{transition:transform var(--transition-fast)}.nav-item:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;min-width:220px;background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-sm) 0;opacity:0;visibility:hidden;transform:translateY(8px);transition:all var(--transition-fast);z-index:200}.nav-item:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-link{display:block;padding:.5rem 1rem;font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-fast)}.dropdown-link:hover,.dropdown-item.active .dropdown-link{color:var(--color-text);background-color:var(--color-card-hover);padding-left:1.25rem}.mobile-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;background:none;border:none;cursor:pointer}.hamburger-line{display:block;width:100%;height:2px;background-color:var(--color-text);border-radius:2px;transition:all var(--transition-base)}.mobile-menu{display:none;position:fixed;inset:0;background-color:var(--color-bg);z-index:1000;overflow-y:auto;padding:var(--spacing-xl);padding-top:80px;transform:translate(100%);transition:transform var(--transition-base)}.mobile-menu.open{transform:translate(0)}.mobile-nav-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.mobile-nav-link{display:block;padding:var(--spacing-md) 0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);border-bottom:1px solid var(--color-border)}.mobile-sub-list{padding-left:var(--spacing-lg);margin-top:var(--spacing-xs)}.mobile-sub-link{display:block;padding:var(--spacing-sm) 0;font-size:var(--font-size-base);color:var(--color-text-secondary)}.mobile-sub-link:hover{color:var(--color-text)}.mobile-cta{margin-top:var(--spacing-xl);width:100%;text-align:center;padding:1rem;font-size:var(--font-size-base)}.mobile-contact{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}.mobile-contact a{display:block;padding:var(--spacing-sm) 0;font-size:var(--font-size-base);color:var(--color-text-secondary)}.site-footer{background-color:var(--color-surface);color:var(--color-text-muted);padding:var(--spacing-4xl) 0 0;border-top:1px solid var(--color-border)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:var(--spacing-3xl)}.footer-logo{display:inline-flex;text-decoration:none;margin-bottom:var(--spacing-md)}.footer-logo .logo-text{font-size:var(--font-size-xl)}.footer-logo .logo-epic,.footer-logo .logo-automations{color:var(--color-text)}.footer-tagline{font-size:var(--font-size-sm);line-height:1.7;color:var(--color-text-muted);margin-bottom:var(--spacing-lg)}.footer-cta{background-color:var(--color-primary);border-color:var(--color-primary)}.footer-cta:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.footer-heading{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-lg)}.footer-links{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-link{font-size:var(--font-size-sm);color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.footer-link:hover{color:var(--color-text)}.footer-contact-list{gap:var(--spacing-md)}.footer-contact-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-muted)}.footer-contact-item svg{flex-shrink:0;margin-top:2px;color:var(--color-text-dim)}.footer-contact-item a{color:var(--color-text-muted)}.footer-contact-item a:hover{color:var(--color-text)}.footer-bottom{margin-top:var(--spacing-3xl);padding:var(--spacing-lg) 0;border-top:1px solid var(--color-border);text-align:center;font-size:var(--font-size-xs);color:var(--color-text-dim)}.hero,.about-hero,.contact-hero,.portfolio-hero,.service-hero{background:linear-gradient(135deg,#09090b,#0c1a18,#0f2a26);color:var(--color-text);padding:6rem 0;text-align:center;min-height:400px;display:flex;align-items:center}.hero-badge,.category-badge,.featured-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.16em}.hero-badge{display:inline-block;padding:.375rem 1rem;background:#0f766e33;border:1px solid rgba(45,212,191,.25);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:500;color:var(--color-accent);margin-bottom:var(--spacing-lg);backdrop-filter:blur(4px)}.page-title,.hero-title{font-size:var(--font-size-4xl);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:var(--spacing-lg);color:var(--color-text)}.page-subtitle,.hero-subtitle{font-size:var(--font-size-lg);line-height:1.7;color:var(--color-text-secondary);margin-bottom:var(--spacing-2xl);max-width:600px;margin-left:auto;margin-right:auto}.section-title{text-align:center;font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-sm)}.section-subtitle{text-align:center;font-size:var(--font-size-lg);color:var(--color-text-muted);margin-bottom:var(--spacing-3xl);max-width:600px;margin-left:auto;margin-right:auto}.cta-banner{background:linear-gradient(135deg,#0f766e,#14b8a6);color:var(--color-text);padding:var(--spacing-4xl) 0;text-align:center}.cta-banner-title{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-md)}.cta-banner-text{font-size:var(--font-size-lg);opacity:.9;margin-bottom:var(--spacing-2xl)}.cta-banner-button{background-color:var(--color-white);color:var(--color-primary);border:none;border-radius:var(--border-radius-md)}.cta-banner-button:hover{background-color:var(--color-card);color:var(--color-primary-hover)}.feature-card,.service-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-2xl);transition:all var(--transition-base)}.feature-card:hover,.service-card:hover{background:var(--color-card-hover);border-color:var(--color-border-hover);transform:translateY(-4px)}.feature-icon,.service-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background-color:var(--color-primary);color:var(--color-white);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg)}.feature-card h3,.service-card-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-md)}.feature-card p,.service-card-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--spacing-lg)}.brand-tag,.area-tag,.equipment-tag,.step-number{font-family:var(--font-mono)}.brand-tag,.area-tag,.equipment-tag{display:inline-block;padding:.25rem .75rem;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em}.brand-tag:hover,.area-tag:hover{border-color:var(--color-border-hover);color:var(--color-text)}.step-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-primary);color:var(--color-white);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:700;margin-bottom:var(--spacing-md);flex-shrink:0}.process-step h3{color:var(--color-text);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-sm)}.process-step p{color:var(--color-text-secondary);line-height:1.7}.deep-dive{padding:var(--spacing-4xl) 0}.deep-dive:nth-child(2n of.deep-dive){background-color:var(--color-surface)}.deep-dive-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:center}.deep-dive-reverse .deep-dive-grid{direction:rtl}.deep-dive-reverse .deep-dive-grid>*{direction:ltr}.deep-dive-image img{width:100%;border-radius:var(--border-radius-lg);border:1px solid var(--color-border)}.deep-dive-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-sm)}.deep-dive-subtitle{font-size:var(--font-size-lg);color:var(--color-accent);font-weight:500;margin-bottom:var(--spacing-lg)}.deep-dive-text{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--spacing-md)}.deep-dive-content .cta-button{margin-top:var(--spacing-lg)}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:start}.content-main h2{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-md)}.content-main p{color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--spacing-md)}.content-image img{width:100%;border-radius:var(--border-radius-lg);border:1px solid var(--color-border)}.brands-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.brand-item{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);height:120px}.brand-item img{max-height:60px;max-width:140px;object-fit:contain;filter:grayscale(100%);opacity:.7;transition:all var(--transition-base)}.brand-item:hover img{filter:grayscale(0%);opacity:1}.brands-cta{text-align:center}.service-link{display:block;padding:var(--spacing-xl);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);text-decoration:none;transition:all var(--transition-base)}.service-link:hover{border-color:var(--color-border-hover);background:var(--color-card-hover)}.service-link h3{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-sm)}.service-link p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.filter-bar{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--spacing-lg) 0}.filter-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.filter-btn{padding:.5rem 1rem;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);border:1px solid var(--color-border);background:var(--color-card);border-radius:var(--border-radius-full);cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover{border-color:var(--color-primary-hover);color:var(--color-accent)}.filter-btn.active{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.project-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);overflow:hidden;transition:all var(--transition-base)}.project-card:hover{background:var(--color-card-hover);border-color:var(--color-border-hover);transform:translateY(-4px)}.project-card.hidden{display:none}.project-image{position:relative;overflow:hidden}.project-image img{width:100%;height:200px;object-fit:cover;transition:transform var(--transition-base)}.project-card:hover .project-image img{transform:scale(1.05)}.featured-badge{display:inline-block;padding:.25rem .75rem;background:var(--color-amber);color:var(--color-white);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:600}.category-badge{display:inline-block;padding:.25rem .75rem;background:#09090bcc;color:var(--color-accent);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:500}.project-content{padding:var(--spacing-xl)}.project-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-sm)}.project-meta{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.meta-item{font-size:var(--font-size-sm);color:var(--color-text-muted)}.project-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.7}.project-details{margin-top:var(--spacing-md)}.project-details summary{cursor:pointer;color:var(--color-accent);font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-sm) 0}.case-section h4{color:var(--color-text);font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-sm)}.case-section p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.7}.contact-content{padding:var(--spacing-4xl) 0}.contact-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-3xl)}.contact-section-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-xl)}.honeypot{display:none}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.required{color:var(--color-red)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--border-radius-md);transition:all var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary-hover);box-shadow:0 0 0 3px #14b8a626}.form-group textarea{min-height:120px;resize:vertical}.submit-button{padding:.875rem 2rem;font-size:var(--font-size-base)}.contact-info-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-2xl)}.contact-info-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-xl)}.contact-info-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.contact-info-item{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.contact-info-item svg{flex-shrink:0;color:var(--color-accent);margin-top:2px}.contact-info-item strong{display:block;color:var(--color-text);font-size:var(--font-size-sm)}.contact-info-item span{display:block;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.contact-info-item a{color:var(--color-accent);text-decoration:none}.contact-info-item a:hover{color:var(--color-primary-hover)}@media(max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-2xl)}.contact-grid{grid-template-columns:1fr}}@media(max-width:768px){.top-bar-right{display:none}.top-bar-left{gap:var(--spacing-md)}.main-nav,.main-header-content .cta-button{display:none}.mobile-toggle{display:flex}.mobile-menu{display:block}.footer-grid{grid-template-columns:1fr;gap:var(--spacing-2xl)}.main-header-content{height:60px}.hero,.about-hero,.contact-hero,.portfolio-hero,.service-hero{padding:4rem 0;min-height:auto}.hero-title,.page-title{font-size:var(--font-size-3xl)}.services-grid,.features-grid,.projects-grid{grid-template-columns:1fr}.brands-grid{grid-template-columns:repeat(2,1fr)}.deep-dive-grid,.content-grid{grid-template-columns:1fr}.deep-dive-reverse .deep-dive-grid{direction:ltr}.deep-dive-image,.content-image{order:-1}.form-row,.process-grid{grid-template-columns:1fr}}@media(min-width:769px)and (max-width:1024px){.services-grid,.features-grid{grid-template-columns:1fr 1fr}.brands-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.top-bar-link span{display:none}.container{padding:0 var(--spacing-md)}}