:root{--primary-blue: #0066FF;--primary-blue-dark: #0052CC;--primary-blue-light: #E6F0FF;--gray-50: #F8F9FA;--gray-100: #F1F3F5;--gray-200: #E9ECEF;--gray-300: #DEE2E6;--gray-400: #CED4DA;--gray-500: #ADB5BD;--gray-600: #6C757D;--gray-700: #495057;--gray-800: #343A40;--gray-900: #212529;--success: #28A745;--warning: #FFC107;--danger: #DC3545;--info: #17A2B8;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Outfit", "Inter", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-primary);font-size:16px;line-height:1.6;color:var(--gray-800);background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--gray-900);margin-bottom:var(--spacing-md)}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.75rem,4vw,2.5rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:1.5rem}p{margin-bottom:var(--spacing-sm);color:var(--gray-700)}a{color:var(--primary-blue);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-blue-dark)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.container-wide{max-width:1400px}.section{padding:var(--spacing-3xl) 0}.section-sm{padding:var(--spacing-2xl) 0}.top-bar{background-color:#5a5a5a;color:#fff;font-size:.75rem;padding:.5rem 0}.top-bar-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.top-bar-left,.top-bar-right{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.top-bar-label{color:#fff;font-weight:600}.top-bar-separator{color:#fff;margin:0 .25rem}.top-bar a{color:#fff;transition:opacity var(--transition-fast);text-decoration:underline}.top-bar a:hover{opacity:.8}.header{background-color:#fff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:1000}.nav{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;gap:2rem}.logo{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:#00a0dc;flex-shrink:0}.logo-icon{width:48px;height:48px;background-image:url(/jhorley-logo.png);background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:50%;flex-shrink:0}.logo-text{display:flex;flex-direction:column;line-height:1.2}.logo-name{font-size:1.25rem;font-weight:700;color:#00a0dc}.logo-tagline{font-size:.875rem;font-weight:600;color:#5a5a5a}.nav-menu{display:flex;list-style:none;gap:1.75rem;align-items:center;margin:0;flex:1;justify-content:center}.nav-link{color:#333;font-weight:500;font-size:.9rem;padding:.5rem 0;transition:all var(--transition-fast);position:relative;white-space:nowrap}.nav-link:hover,.nav-link.active{color:#00a0dc}.nav-link.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:#00a0dc}.nav-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}.btn-contact{padding:.5rem 1.5rem;font-size:.9rem;background-color:#06f;border-radius:4px}.btn-contact:hover{background-color:#0052cc}.search-btn{background:none;border:none;color:#666;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.search-btn:hover{color:#00a0dc}.mobile-menu-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--gray-700)}.nav-menu>li{position:relative}.nav-menu>li.has-megamenu:hover .mega-menu{opacity:1;visibility:visible;transform:translateY(0)}.mega-menu{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(10px);background:#fff;box-shadow:0 10px 40px #0000001a;border-radius:8px;padding:2rem;min-width:600px;opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000;margin-top:1rem}.mega-menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.mega-menu-item{padding:.75rem 1rem;border-radius:6px;transition:all .2s ease;display:block;color:#333}.mega-menu-item:hover{background-color:#f8f9fa;color:#00a0dc;transform:translate(5px)}.mega-menu-item h4{font-size:.95rem;font-weight:600;margin-bottom:.25rem;color:inherit}.mega-menu-item p{font-size:.8rem;color:#666;margin:0;line-height:1.4}.mega-menu-item:hover p{color:#555}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--transition-base);text-decoration:none;font-family:var(--font-primary)}.btn-primary{background-color:var(--primary-blue);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{background-color:var(--primary-blue-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background-color:#fff;color:var(--primary-blue);border:2px solid var(--primary-blue)}.btn-secondary:hover{background-color:var(--primary-blue);color:#fff}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.hero{background:linear-gradient(135deg,#000a1ee6,#002850cc),url(/hero-bg.png);background-size:cover;background-position:center;padding:var(--spacing-3xl) 0;position:relative;overflow:hidden;color:#fff}.hero:before{display:none}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center;position:relative;z-index:1}.hero-text h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:var(--spacing-md);animation:fadeInUp .8s ease-out;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.hero-text p{font-size:1.25rem;margin-bottom:var(--spacing-lg);color:#ffffffe6;max-width:600px;line-height:1.6;animation:fadeInUp .8s ease-out .2s both}.hero-buttons{display:flex;gap:var(--spacing-md);flex-wrap:wrap;animation:fadeInUp .8s ease-out .4s both}.hero-image{position:relative;animation:fadeIn 1s ease-out .3s both;display:flex;justify-content:center}.hero-image:after{content:"";position:absolute;inset:-20px;border-radius:var(--radius-xl);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);z-index:-1;transform:rotate(-3deg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-image img{width:100%;max-width:500px;height:auto;border-radius:var(--radius-xl);box-shadow:0 20px 40px #0000004d;border:1px solid rgba(255,255,255,.1);transform:rotate(2deg);transition:transform .3s ease}.hero-image:hover img{transform:rotate(0) scale(1.02)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.service-card{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base);border:1px solid var(--gray-200)}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--primary-blue)}.service-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-blue),#00BFFF);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;margin-bottom:var(--spacing-md)}.service-card h3{font-size:1.25rem;margin-bottom:var(--spacing-sm)}.service-card p{font-size:.95rem;color:var(--gray-600)}.stats{background:linear-gradient(135deg,var(--primary-blue),#0052CC);color:#fff;padding:var(--spacing-2xl) 0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl);text-align:center}.stat-item h3{font-size:3rem;color:#fff;margin-bottom:var(--spacing-xs)}.stat-item p{font-size:1.125rem;color:#ffffffe6}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center}.about-image{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.about-image img{width:100%;height:auto;display:block}.features-list{list-style:none;margin-top:var(--spacing-md)}.features-list li{padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);background-color:var(--gray-50);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--spacing-sm)}.features-list li:before{content:"✓";display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:var(--primary-blue);color:#fff;border-radius:50%;flex-shrink:0;font-weight:700}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.contact-info{background:var(--gray-50);padding:var(--spacing-xl);border-radius:var(--radius-lg)}.contact-item{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.contact-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-blue),#00BFFF);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;flex-shrink:0}.contact-details h4{font-size:1rem;margin-bottom:.25rem}.contact-details p{color:var(--gray-600);margin:0}.contact-form{background:#fff;padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--gray-700)}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-family:var(--font-primary);font-size:1rem;transition:border-color var(--transition-fast)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--primary-blue-light)}.form-group textarea{resize:vertical;min-height:120px}.footer{background-color:var(--gray-900);color:#fff;padding:var(--spacing-2xl) 0 var(--spacing-md)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer-section h3{color:#fff;margin-bottom:var(--spacing-md)}.footer-section p,.footer-section a{color:var(--gray-400);font-size:.95rem}.footer-section a:hover{color:#fff}.footer-links{list-style:none}.footer-links li{margin-bottom:var(--spacing-sm)}.footer-bottom{border-top:1px solid var(--gray-700);padding-top:var(--spacing-md);text-align:center;color:var(--gray-500);font-size:.875rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:968px){.hero-content,.about-content,.contact-content{grid-template-columns:1fr;gap:var(--spacing-lg)}.nav{flex-wrap:wrap;gap:1rem}.has-megamenu .mega-menu{display:none!important}.nav-menu{display:none}.nav-actions{order:3;width:100%;justify-content:space-between;margin-top:var(--spacing-sm)}.mobile-menu-toggle{display:block}.nav-menu.active{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:var(--shadow-lg);padding:var(--spacing-md);order:4;width:100%;z-index:999}.nav-menu.active li{width:100%;border-bottom:1px solid var(--gray-200)}.nav-menu.active .nav-link{display:block;padding:var(--spacing-md);width:100%}.section{padding:var(--spacing-2xl) 0}.hero{padding:var(--spacing-xl) 0}.hero-buttons{flex-direction:column;gap:var(--spacing-md)}.hero-buttons .btn{width:100%}.btn-contact{flex:1}.services-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.contact-content{gap:var(--spacing-xl)}.contact-item{flex-direction:row;align-items:flex-start}}@media(max-width:640px){.top-bar{font-size:.7rem}.top-bar-content{flex-direction:column;text-align:center;gap:.5rem}.top-bar-left,.top-bar-right{justify-content:center;flex-wrap:wrap}.top-bar-separator{margin:0 .25rem}.logo-icon{width:40px;height:40px}.logo-name{font-size:1.1rem}.logo-tagline{font-size:.75rem}h1{font-size:1.75rem;line-height:1.2}h2{font-size:1.5rem;line-height:1.3}h3{font-size:1.25rem}h4{font-size:1.1rem}p{font-size:.95rem;line-height:1.6}.hero{padding:var(--spacing-lg) 0}.hero-text h1{font-size:1.75rem;margin-bottom:var(--spacing-md)}.hero-text p{font-size:.95rem;margin-bottom:var(--spacing-lg)}.stats-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.stat-item h3{font-size:2rem}.stat-item p{font-size:.85rem}.services-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.service-card{padding:var(--spacing-lg)}.service-icon{font-size:2.5rem}.btn{width:100%;padding:.875rem 1.5rem;font-size:1rem;min-height:48px}.btn-lg{padding:1rem 2rem;font-size:1.05rem}.btn-contact{width:auto;flex:1;min-width:120px}.search-btn{padding:.75rem;min-width:44px;min-height:44px}.footer-content{grid-template-columns:1fr;gap:var(--spacing-lg)}.footer{padding:var(--spacing-xl) 0 var(--spacing-md)}.form-group input,.form-group textarea{padding:.875rem;font-size:1rem;min-height:48px}.form-group textarea{min-height:150px}.container{padding:0 1rem}.section{padding:var(--spacing-xl) 0}.nav-actions{gap:.5rem}.mobile-menu-toggle{font-size:1.75rem;padding:.5rem;min-width:44px;min-height:44px}}@media(max-width:375px){h1{font-size:1.5rem}h2{font-size:1.35rem}.stats-grid{grid-template-columns:1fr}.stat-item h3{font-size:2.5rem}.btn{font-size:.95rem;padding:.75rem 1.25rem}}.text-center{text-align:center}.text-primary{color:var(--primary-blue)}.bg-light{background-color:var(--gray-50)}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}