.nav-dropdown{position:relative}.has-dropdown{display:inline-flex;align-items:center;gap:6px}.dropdown-arrow{font-size:.6rem;transition:transform var(--transition)}.nav-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(8px);min-width:220px;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:8px;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:var(--shadow-elevated);z-index:1002}.nav-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.dropdown-link{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-sm);font-size:.88rem;font-weight:500;color:var(--text-secondary);transition:var(--transition);white-space:nowrap}.dropdown-link i{width:18px;text-align:center;font-size:.85rem}.dropdown-link:hover{background:rgba(230,0,0,.08);color:var(--accent-red);transform:translateX(4px)}.dropdown-link.active{background:rgba(230,0,0,.1);color:var(--accent-red)}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:.85rem;margin-bottom:32px;padding-top:8px}.breadcrumb a{color:var(--text-muted);transition:var(--transition);display:inline-flex;align-items:center;gap:6px}.breadcrumb a:hover{color:var(--accent-red)}.breadcrumb .fa-chevron-right{font-size:.55rem;color:var(--text-muted)}.breadcrumb span{color:var(--accent-red);font-weight:600}.subpage-hero{min-height:80vh;display:flex;align-items:center;padding:calc(var(--nav-height) + 40px) 0 60px;position:relative;overflow:hidden}.subpage-hero-content{display:flex;align-items:center;gap:60px}.subpage-hero-text{flex:1.2 1;z-index:1}.subpage-hero-text h1{font-size:clamp(2.2rem,4.5vw,3.5rem);font-weight:900;line-height:1.1;margin-bottom:20px;animation:fadeInUp .9s cubic-bezier(.175,.885,.32,1.275) .1s both}.subpage-hero-text .hero-subtitle{animation:fadeInUp .9s cubic-bezier(.175,.885,.32,1.275) .2s both}.subpage-hero-text .hero-actions{animation:fadeInUp .9s cubic-bezier(.175,.885,.32,1.275) .3s both}.subpage-hero-icon{flex:0.8 1;z-index:1;animation:fadeIn 1s ease .5s both}.floating-icon-large,.subpage-hero-icon{display:flex;align-items:center;justify-content:center}.floating-icon-large{width:200px;height:200px;border-radius:50%;background:rgba(230,0,0,.08);border:2px solid rgba(230,0,0,.2);font-size:5rem;color:var(--accent-red);box-shadow:0 0 60px rgba(230,0,0,.15),inset 0 0 40px rgba(230,0,0,.05);animation:floatIcon 6s ease-in-out infinite;position:relative}.floating-icon-large:before{content:"";position:absolute;inset:-15px;border-radius:50%;border:1px solid rgba(230,0,0,.1);animation:pulseRing 3s ease-in-out infinite}.floating-icon-large:after{content:"";position:absolute;inset:-30px;border-radius:50%;border:1px solid rgba(230,0,0,.05);animation:pulseRing 3s ease-in-out .5s infinite}.floating-icon-large.printer-icon{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.2);color:var(--accent-pink);box-shadow:0 0 60px rgba(239,68,68,.15),inset 0 0 40px rgba(239,68,68,.05)}.floating-icon-large.printer-icon:before{border-color:rgba(239,68,68,.1)}.floating-icon-large.printer-icon:after{border-color:rgba(239,68,68,.05)}.floating-icon-large.desktop-icon{background:rgba(185,28,28,.08);border-color:rgba(185,28,28,.2);color:var(--accent-purple);box-shadow:0 0 60px rgba(185,28,28,.15),inset 0 0 40px rgba(185,28,28,.05)}.floating-icon-large.desktop-icon:before{border-color:rgba(185,28,28,.1)}.floating-icon-large.desktop-icon:after{border-color:rgba(185,28,28,.05)}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulseRing{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.5}}.service-details{padding:100px 0;position:relative}.detail-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:24px;gap:24px}.detail-grid-4col{grid-template-columns:repeat(4,1fr)}.detail-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:32px 24px;transition:var(--transition)}.detail-card:hover{transform:translateY(-8px);border-color:rgba(230,0,0,.3);box-shadow:var(--shadow-glow)}.detail-icon{width:56px;height:56px;border-radius:var(--radius-md);background:rgba(230,0,0,.08);display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--accent-red);margin-bottom:18px;box-shadow:0 0 15px rgba(230,0,0,.08);transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.detail-card:hover .detail-icon{transform:scale(1.1) rotate(5deg);background:var(--accent-red);color:#fff}.detail-card h3{font-size:1.1rem;font-weight:700;margin-bottom:8px}.detail-card p{color:var(--text-secondary);font-size:.88rem;line-height:1.6}.sub-services{padding:80px 0;background:var(--bg-secondary);position:relative}.sub-services:after,.sub-services:before{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-glass),transparent)}.sub-services:before{top:0}.sub-services:after{bottom:0}.sub-services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:24px;gap:24px}.sub-service-card{display:flex;gap:24px;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:32px;transition:var(--transition);align-items:flex-start;text-decoration:none;color:inherit}.sub-service-card:hover{transform:translateY(-6px);border-color:rgba(230,0,0,.25);box-shadow:var(--shadow-glow)}.sub-service-icon{width:72px;height:72px;min-width:72px;border-radius:var(--radius-md);background:var(--gradient-card);display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:var(--accent-red);border:1px solid rgba(230,0,0,.15)}.sub-service-content h3{font-size:1.2rem;font-weight:700;margin-bottom:8px}.sub-service-content p{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin-bottom:14px}.sub-service-link{display:inline-flex;align-items:center;gap:8px;color:var(--accent-red);font-weight:700;font-size:.88rem;transition:var(--transition-bounce);text-transform:uppercase}.sub-service-card:hover .sub-service-link{gap:12px}.parent-link-section{padding:60px 0}.parent-link-card{display:flex;align-items:center;gap:24px;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:32px 36px;max-width:600px;margin:0 auto}.parent-link-icon{width:64px;height:64px;min-width:64px;border-radius:50%;background:rgba(220,38,38,.08);display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:var(--accent-blue);border:1px solid rgba(220,38,38,.15)}.parent-link-content h3{font-size:1.1rem;font-weight:700;margin-bottom:6px}.parent-link-content p{color:var(--text-secondary);font-size:.88rem;margin-bottom:14px}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px;margin-top:40px}.related-card{display:flex;flex-direction:column;padding:32px;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);transition:var(--transition);text-decoration:none;color:inherit;position:relative;overflow:hidden}.related-card:hover{transform:translateY(-6px);border-color:rgba(230,0,0,.25);box-shadow:var(--shadow-glow)}.related-icon{width:64px;height:64px;border-radius:var(--radius-md);background:rgba(230,0,0,.08);display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:var(--accent-red);margin-bottom:20px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.related-card:hover .related-icon{transform:scale(1.1) rotate(5deg);background:var(--accent-red);color:#fff}.related-card h4{font-size:1.25rem;font-weight:700;margin-bottom:12px;color:var(--text-primary)}.related-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:20px;flex-grow:1}.related-link{display:inline-flex;align-items:center;gap:8px;color:var(--accent-red);font-weight:700;font-size:.95rem;transition:var(--transition-bounce);margin-top:auto}.related-card:hover .related-link{gap:12px}@media (max-width:768px){.related-grid{grid-template-columns:1fr}}.footer-sub-link{padding-left:12px}.footer-sub-link a{font-size:.85rem;color:var(--text-muted)!important}.footer-sub-link a:hover{color:var(--accent-blue)!important}.contact-form-section{padding:80px 0;background:var(--bg-secondary);position:relative}.contact-form-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-glass),transparent)}.contact-form-card{max-width:560px;margin:0 auto;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:40px 36px;box-shadow:var(--shadow-card)}.inline-contact-form .form-group{margin-bottom:16px}.inline-contact-form textarea{width:100%;padding:10px 14px;border:1.5px solid var(--border-glass);border-radius:var(--radius-sm);background:hsla(0,0%,100%,.03);color:var(--text-primary);font-size:.9rem;resize:vertical;transition:var(--transition);min-height:80px}.inline-contact-form textarea:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(220,38,38,.1)}.inline-contact-form textarea::placeholder{color:var(--text-muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:768px){.form-grid{grid-template-columns:1fr;gap:0}}.contact-form-success{text-align:center;padding:40px 20px}.contact-form-success .success-icon{font-size:3rem;color:var(--accent-green);margin-bottom:16px}.contact-form-success h3{font-size:1.4rem;font-weight:700;margin-bottom:8px}.contact-form-success p{color:var(--text-secondary);font-size:.92rem}.cctv-form-card{max-width:650px;padding:30px 24px}.cctv-form-card .form-header-box{text-align:center;margin-bottom:24px}.radio-grid{display:grid;grid-gap:5px;gap:5px}.radio-2col{grid-template-columns:repeat(2,1fr)}.radio-4col{grid-template-columns:repeat(4,1fr)}.radio-card{cursor:pointer}.radio-card input[type=radio]{display:none}.radio-visual{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:12px 14px;border:1.5px solid var(--border-glass);border-radius:var(--radius-sm);background:hsla(0,0%,100%,.02);transition:var(--transition);font-size:.88rem;font-weight:500;color:var(--text-secondary);height:100%;box-sizing:border-box}.radio-visual i{font-size:.9rem;width:18px;text-align:center;color:var(--text-muted);transition:var(--transition)}.radio-card input[type=radio]:checked+.radio-visual{border-color:var(--accent-blue);background:rgba(220,38,38,.08);color:var(--text-primary);box-shadow:0 0 0 3px rgba(220,38,38,.1)}.radio-card input[type=radio]:checked+.radio-visual i{color:var(--accent-blue)}.radio-card:hover .radio-visual{border-color:rgba(220,38,38,.3);background:rgba(220,38,38,.04)}.radio-card.compact .radio-visual{justify-content:flex-start;padding:10px 12px;font-weight:600}.inline-contact-form input[type=date],.inline-contact-form input[type=email],.inline-contact-form input[type=tel],.inline-contact-form input[type=text]{width:100%;padding:10px 14px;border:1.5px solid var(--border-glass);border-radius:var(--radius-sm);background:hsla(0,0%,100%,.03);color:var(--text-primary);font-size:.9rem;transition:var(--transition)}.inline-contact-form input[type=date]:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(0,212,255,.1)}.inline-contact-form input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}@media (max-width:480px){.radio-2col{grid-template-columns:1fr}.radio-4col{grid-template-columns:repeat(2,1fr)}.cctv-form-card{padding:28px 20px}}.checkbox-grid-service{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:8px;gap:8px;align-items:stretch}.checkbox-card{cursor:pointer;display:flex;align-items:stretch}.checkbox-card input[type=checkbox]{display:none}.checkbox-visual{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:12px 14px;border:1.5px solid var(--border-glass);border-radius:var(--radius-sm);background:hsla(0,0%,100%,.02);font-weight:600;color:var(--text-secondary);width:100%;height:100%;min-height:60px;box-sizing:border-box}.checkbox-visual,.checkbox-visual i{transition:var(--transition);font-size:.9rem}.checkbox-visual i{width:18px;text-align:center;color:var(--text-muted)}.checkbox-card input[type=checkbox]:checked+.checkbox-visual{border-color:var(--accent-blue);background:rgba(220,38,38,.08);color:var(--text-primary);box-shadow:0 0 0 3px rgba(220,38,38,.1)}.checkbox-card input[type=checkbox]:checked+.checkbox-visual i{color:var(--accent-blue)}.checkbox-card:hover .checkbox-visual{border-color:rgba(220,38,38,.3);background:rgba(220,38,38,.04)}@media (max-width:480px){.checkbox-grid-service{grid-template-columns:1fr}.checkbox-visual{min-height:60px;padding:14px 16px}}@media (max-width:768px){.subpage-hero{min-height:auto;padding:calc(var(--nav-height) + 24px) 0 40px}.subpage-hero-content{flex-direction:column;text-align:center;gap:32px}.subpage-hero-text .hero-actions{justify-content:center}.floating-icon-large{width:140px;height:140px;font-size:3.5rem}.sub-services-grid{grid-template-columns:1fr}.sub-service-card{align-items:center}.parent-link-card,.sub-service-card{flex-direction:column;text-align:center}.breadcrumb{flex-wrap:wrap;justify-content:center}.nav-dropdown .dropdown-menu{position:static;transform:none;opacity:1;visibility:visible;background:#f8f9fa;border:none;box-shadow:none;padding:4px 0 4px 16px;min-width:auto;margin-top:4px;border-left:2.5px solid var(--accent-red);border-radius:0}.dropdown-link{padding:8px 12px;font-size:.85rem}}@media (max-width:1024px){.detail-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.detail-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.detail-grid{grid-template-columns:1fr}.subpage-hero-text h1{font-size:2rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tracking-search-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:30px;margin-top:30px;display:flex;gap:15px;align-items:center;box-shadow:var(--shadow-card);max-width:600px;animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .3s both}.search-input-group{flex:1 1;display:flex;align-items:center;gap:12px;background:var(--bg-secondary);border:1.5px solid var(--border-light);border-radius:var(--radius-sm);padding:0 16px;transition:var(--transition)}.search-input-group:focus-within{border-color:var(--accent-red);box-shadow:0 0 0 4px rgba(255,0,0,.1);background:var(--bg-card)}.search-input-group i{color:var(--text-muted);font-size:1.1rem}.search-input-group input{width:100%;padding:14px 0;border:none;background:transparent;font-size:1rem;font-weight:500;color:var(--text-primary);outline:none}.search-input-group input::placeholder{color:var(--text-muted)}@media (max-width:640px){.tracking-search-card{flex-direction:column;padding:20px;gap:12px}.search-input-group,.tracking-search-card button{width:100%}}