:root{--primary-color:#4caf50;--secondary-color:#2e7d32;--accent-color:#ff9800;--text-color:#333;--light-text:#fff;--dark-gray:#424242;--light-gray:#f5f5f5;--border-color:#e0e0e0;--shadow-color:rgba(0,0,0,.1);--transition-speed:0.3s;--error-color:#f44336;--success-color:#4caf50;--mobile-header-height:60px}.selecttap-configurator{color:var(--text-color);font-family:Roboto,Arial,sans-serif;font-size:1.1rem;max-width:100%;overflow-x:hidden;position:relative}.selecttap-configurator *{box-sizing:border-box}.text-center{text-align:center}section{opacity:1!important;padding:80px 20px;position:relative;visibility:visible!important;will-change:transform,opacity}.main-title{font-size:3rem;font-weight:700;margin-bottom:.5rem}.main-title,.subtitle{color:var(--light-text)}.subtitle{font-size:1.5rem;font-weight:400;margin-bottom:2rem}.section-title{color:var(--primary-color);font-size:2.5rem;font-weight:600;margin-bottom:2rem}.reset-config-button{display:none;position:fixed;right:20px;top:20px;z-index:1000}#reset-configuration{align-items:center;background-color:var(--error-color);border:none;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.2);color:#fff;cursor:pointer;display:flex;font-size:1rem;padding:10px 15px;transition:all .3s ease}#reset-configuration i{margin-right:5px}#reset-configuration:hover{background-color:#d32f2f;box-shadow:0 4px 8px rgba(0,0,0,.3)}.hero-section{background:#001f3b;height:75vh;justify-content:space-between;padding:0 5%}.hero-image{position:relative}.hero-image img{animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.scroll-indicator{animation:bounce 2s infinite;bottom:30px;color:var(--light-text);left:50%;position:absolute;text-align:center;transform:translateX(-50%);width:100%;z-index:10}.arrow-down{border-bottom:2px solid var(--light-text);border-right:2px solid var(--light-text);height:20px;margin:15px auto 0;transform:rotate(45deg);width:20px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0) translateX(-50%)}40%{transform:translateY(-30px) translateX(-50%)}60%{transform:translateY(-15px) translateX(-50%)}}.intro-section{background-color:var(--light-gray);padding:100px 5%}.key-features{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:50px}.feature{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px var(--shadow-color);padding:30px;transition:transform var(--transition-speed)}.feature:hover{transform:translateY(-10px)}.feature-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;height:80px;margin-bottom:20px;width:80px}.flexible-icon{background-image:url(https://www.garlandtechnology.com/hubfs/Website/Product%20Pages/Modular%20Network%20TAP%20Platform/FLEXIBLE.png)}.scalable-icon{background-image:url(https://www.garlandtechnology.com/hubfs/Website/Product%20Pages/Modular%20Network%20TAP%20Platform/SCALABLE.png)}.robust-icon{background-image:url(https://www.garlandtechnology.com/hubfs/Website/Product%20Pages/Modular%20Network%20TAP%20Platform/ROBUST.png)}.secure-icon{background-image:url(https://www.garlandtechnology.com/hubfs/Website/Product%20Pages/Modular%20Network%20TAP%20Platform/SECURE.png)}.feature h3{color:var(--primary-color);font-size:1.5rem;margin-bottom:15px}.feature ul{margin:0;padding-left:20px}.feature li{margin-bottom:8px}.journey-section{padding:80px 5%}.config-step{background-color:#fff;border-radius:10px;box-shadow:0 10px 30px var(--shadow-color);margin-bottom:80px;padding:30px}.step-header{flex-wrap:wrap;margin-bottom:30px;position:relative}.step-header,.step-number{align-items:center;display:flex}.step-number{background-color:var(--primary-color);border-radius:50%;color:#fff;flex-shrink:0;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;margin-right:20px;width:50px}.step-title{color:var(--dark-gray);flex-grow:1;font-size:1.8rem}.step-content{padding-left:70px}.chassis-info{align-items:center;display:flex;flex-wrap:wrap;gap:30px;margin-bottom:30px}.chassis-image{flex:1;min-width:300px}.chassis-image img{max-width:100%}.chassis-details{flex:1;min-width:300px}.chassis-details h4{color:var(--primary-color);font-size:1.5rem;margin-bottom:15px}.chassis-details ul{margin-bottom:20px}.chassis-details li{margin-bottom:8px}.module-counter{align-items:center;background-color:var(--light-gray);border-radius:25px;display:flex;font-size:1rem;font-weight:500;margin-left:auto;padding:8px 15px;transition:all .3s ease}.module-counter span{display:inline-block;font-weight:700;margin-right:5px}.module-counter.has-modules{animation:pulse 2s infinite;background-color:var(--primary-color);box-shadow:0 3px 8px rgba(76,175,80,.3);color:#fff}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(76,175,80,.4)}70%{box-shadow:0 0 0 8px rgba(76,175,80,0)}to{box-shadow:0 0 0 0 rgba(76,175,80,0)}}#modules-filter{margin-bottom:30px;overflow-x:auto;padding-bottom:10px;white-space:nowrap}.filter-group{margin-bottom:15px}.filter-group label{display:block;font-weight:700;margin-bottom:10px}.filter-btn{background-color:var(--light-gray);border:none;border-radius:20px;cursor:pointer;margin-bottom:10px;margin-right:10px;padding:8px 15px;transition:background-color var(--transition-speed);white-space:nowrap}.filter-btn.active{background-color:var(--primary-color);color:#fff}.modules-container{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:30px;max-width:100%}.module-card{background-color:#fff;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:transform var(--transition-speed),box-shadow var(--transition-speed),border-color var(--transition-speed);width:100%}.module-card:hover{box-shadow:0 10px 20px var(--shadow-color);transform:translateY(-5px)}.module-card.selected{border-color:var(--primary-color);border-width:2px;box-shadow:0 5px 15px rgba(76,175,80,.3);position:relative;transform:translateY(-3px)}.module-card.selected:after{align-items:center;background-color:var(--primary-color);border-radius:50%;color:#fff;content:"✓";display:flex;font-weight:700;height:24px;justify-content:center;position:absolute;right:10px;top:10px;width:24px}.module-card.lc-type{border-left:4px solid #3498db}.module-card.mpo-type{border-left:4px solid #e74c3c}.module-card.bidi-type{border-left:4px solid #f39c12}.module-card-image{align-items:center;background-color:var(--light-gray);display:flex;height:150px;justify-content:center;padding:15px}.module-card-image img{max-height:100%;max-width:100%;object-fit:contain}.module-card-info{padding:15px}.module-card-title{font-size:1rem;font-weight:700;margin-bottom:5px}.module-card-specs{color:var(--dark-gray);font-size:.8rem}.module-type-badge{border-radius:10px;color:#fff;font-size:.7rem;font-weight:700;left:10px;padding:3px 8px;position:absolute;top:10px}.module-type-badge.lc{background-color:#3498db}.module-type-badge.mpo{background-color:#e74c3c}.module-type-badge.bidi{background-color:#f39c12}.module-detail-view{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity var(--transition-speed),visibility var(--transition-speed);visibility:hidden;width:100%;z-index:9999}.module-detail-view.active{opacity:1;visibility:visible}.module-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:background-color .3s;width:40px;z-index:10}.module-close-btn:hover{background-color:rgba(0,0,0,.1)}.module-detail-content{background-color:#fff;border-radius:10px;display:flex;max-height:90vh;max-width:1000px;overflow-y:auto;position:relative;width:90%}.module-image{align-items:center;display:flex;flex:1;justify-content:center;padding:30px}.module-image img{max-height:400px;max-width:100%;object-fit:contain}.module-info{background-color:var(--light-gray);flex:1;padding:30px}.module-title{color:var(--primary-color);font-size:1.8rem;margin-bottom:15px}.module-description{line-height:1.5;margin-bottom:20px}.module-specs{margin-bottom:20px;margin-top:20px}.spec-item{margin-bottom:10px}.spec-label{color:var(--dark-gray);font-weight:700}.quantity-selector{margin:15px 0}.quantity-selector label{color:var(--dark-gray);display:block;font-weight:700;margin-bottom:8px}.quantity-controls{align-items:center;display:flex}.quantity-controls input{border:1px solid var(--border-color);font-size:1rem;height:40px;margin:0 5px;text-align:center;width:60px}.quantity-decrease,.quantity-increase,.quantity-remove{align-items:center;background-color:var(--light-gray);border:1px solid var(--border-color);cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:background-color .2s;width:40px}.quantity-decrease:hover,.quantity-increase:hover{background-color:var(--primary-color);color:#fff}.quantity-remove{background-color:#f8f8f8;color:var(--error-color);margin-left:10px}.quantity-remove:hover{background-color:var(--error-color);border-color:var(--error-color);color:#fff}.module-actions{margin-top:30px}.module-add-btn{align-items:center;background-color:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;justify-content:center;padding:12px 24px;transition:background-color var(--transition-speed),transform var(--transition-speed)}.module-add-btn:before{content:"+";font-size:1.2rem;margin-right:8px}.module-add-btn:hover{background-color:var(--secondary-color);transform:translateY(-2px)}.modules-list{list-style:none;margin:0;padding:0}.module-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:10px 15px;transition:background-color .2s ease}.module-item:hover{background-color:rgba(76,175,80,.05)}.module-item div{flex:1}.module-name{font-weight:700;margin-right:5px}.module-quantity{background-color:var(--primary-color);border-radius:12px;color:#fff;display:inline-block;font-size:.8rem;margin-left:8px;padding:2px 8px}.module-remove{align-items:center;background-color:var(--light-gray);border:none;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;transition:background-color .2s ease;width:24px}.module-remove:hover{background-color:var(--error-color);color:#fff}.capacity-meter{margin-bottom:15px}.capacity-label{font-weight:700;margin-bottom:5px}.capacity-bar{background-color:var(--light-gray);border-radius:12px;height:25px;overflow:hidden}.capacity-used{background-color:var(--primary-color);color:#fff;font-size:.9rem;height:100%;line-height:25px;text-align:center;transition:width .3s ease}.capacity-used.warning{background-color:var(--accent-color)}.capacity-used.full{background-color:var(--error-color)}.capacity-note{color:var(--dark-gray);font-size:.9rem;font-style:italic;margin-top:10px}.toast-notification{background-color:var(--success-color);border-radius:5px;bottom:30px;box-shadow:0 5px 15px rgba(0,0,0,.2);color:#fff;font-size:1rem;opacity:0;padding:15px 25px;pointer-events:none;position:fixed;right:30px;transform:translateY(100px);transition:transform .3s ease,opacity .3s ease;z-index:10000}.toast-notification.warning{background-color:#ff9800}.toast-notification.error{background-color:var(--error-color)}.toast-notification.show{opacity:1;pointer-events:auto;transform:translateY(0)}.deployment-examples{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:40px}.deployment-example{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px var(--shadow-color);padding:30px}.deployment-example h3{color:var(--primary-color);font-size:1.5rem;margin-bottom:20px}.deployment-image{align-items:center;display:flex;height:200px;justify-content:center;margin-bottom:20px;overflow:hidden}.deployment-image img{max-height:100%;max-width:100%;object-fit:contain;transition:transform .5s ease}.summary-section{padding:100px 5%}.summary-container{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:50px}.summary-item{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px var(--shadow-color);padding:30px}.summary-item h3{color:var(--primary-color);font-size:1.5rem;margin-bottom:15px}.summary-content{min-height:100px}.summary-action{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:50px}.download-datasheet-btn,.request-quote-btn{border-radius:30px;cursor:pointer;font-size:1.1rem;font-weight:700;margin:5px;padding:15px 30px;text-align:center;text-decoration:none;transition:background-color var(--transition-speed),transform var(--transition-speed);white-space:nowrap}.request-quote-btn{background-color:var(--primary-color);border:none;color:#fff}.request-quote-btn:hover{background-color:var(--secondary-color);transform:translateY(-3px)}.download-datasheet-btn{background-color:#fff;border:2px solid var(--primary-color);color:var(--primary-color)}.download-datasheet-btn:hover{background-color:var(--light-gray);transform:translateY(-3px)}.download-config-btn{align-items:center;background-color:#0056b3;border:none;border-radius:30px;box-shadow:0 3px 6px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:700;justify-content:center;margin:5px;padding:15px 30px;text-align:center;text-decoration:none;transition:all .3s ease;white-space:nowrap}.download-config-btn:hover{background-color:#004494;box-shadow:0 5px 10px rgba(0,0,0,.15);transform:translateY(-3px)}.download-config-btn:before{content:"↓";font-size:1.2em;margin-right:8px}.download-config-btn.loading{color:transparent;pointer-events:none;position:relative}.download-config-btn.loading:before{animation:spin 1s ease-in-out infinite;border:3px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.dedicated-chassis-visualization{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px var(--shadow-color);margin:20px 0 60px;padding:30px;text-align:center}.dedicated-chassis-visualization h3{color:var(--primary-color);font-size:1.8rem;margin-bottom:25px}.chassis-visualization-wrapper{margin:0 auto;max-width:750px;overflow:visible;position:relative}.chassis-container{background-color:transparent;border:none;border-radius:0;display:block;margin:0 auto;overflow:visible;padding:0;position:relative}.metal-divider{background-color:transparent;position:absolute;z-index:5}.chassis-image{display:block;height:auto;object-fit:contain;object-position:center;width:100%}.lc-module img,.mpo-module img{max-height:100%;max-width:100%;transform:scale(1.2)}.module-position{z-index:3}.module-position:hover{border:none;z-index:3}.module-position{align-items:center;border:none;box-sizing:border-box;display:flex;justify-content:center;overflow:visible;position:absolute;z-index:2}.module-position:hover{border-color:transparent;box-shadow:none;z-index:2}.module-divider{background-color:#999;position:absolute;z-index:3}.module-position img{height:100%;max-height:100%;max-width:100%;object-fit:contain;object-position:center center;transition:transform .3s ease;width:100%}.quote-modal{align-items:center!important;background-color:rgba(0,0,0,.8);box-sizing:border-box;display:flex!important;height:100vh!important;justify-content:center!important;left:0!important;opacity:0;overflow-y:auto;padding:20px;position:fixed!important;top:0!important;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100vw!important;z-index:99999!important}.quote-modal.active{opacity:1;visibility:visible}.quote-modal-content{background-color:#fff;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.5);margin:auto;max-height:85vh;max-width:800px;overflow-y:auto;padding:30px;position:relative;transform:scale(.9);transition:transform .3s ease;width:90%}.quote-modal.active .quote-modal-content{transform:scale(1)}.quote-modal-close{align-items:center!important;background-color:#f5f5f5;border:2px solid #ddd;border-radius:50%;color:#333;cursor:pointer!important;display:flex!important;font-size:24px;font-weight:700;height:35px;justify-content:center!important;line-height:1;padding:0;position:absolute!important;right:15px!important;top:15px!important;transition:all .2s ease;user-select:none;width:35px;z-index:99999!important}.quote-modal-close:hover{background-color:var(--error-color);background-color:#e0e0e0;border-color:var(--error-color);color:#fff;transform:scale(1.1)}.quote-summary{margin-bottom:30px}.quote-summary h3{color:var(--primary-color);margin-bottom:15px}.config-item{border-bottom:1px solid var(--border-color);margin-bottom:10px;padding-bottom:10px}.config-item-title{color:var(--dark-gray);font-weight:700}.module-list{list-style:none;margin-top:10px;padding-left:20px}.module-list .module-item{margin-bottom:5px}.reveal-section{display:block!important;opacity:0;transform:translateY(50px);transition:opacity .8s,transform .8s;visibility:visible!important;will-change:transform,opacity}.reveal-section.revealed{opacity:1;transform:translateY(0)}.reveal-item{opacity:0;transform:translateY(20px);transition:opacity .5s,transform .5s}.reveal-item.revealed{opacity:1;transform:translateY(0)}.force-reveal{opacity:1!important;transform:translateY(0)!important;visibility:visible!important}@media (max-width:1200px){.hero-section{flex-direction:column;justify-content:center;padding-top:100px;text-align:center}.hero-content,.hero-image{width:100%}.hero-image{margin-top:50px}.step-content{padding-left:0}.reset-config-button{right:10px;top:10px}#reset-configuration{font-size:.9rem;padding:8px 12px}}@media (max-width:768px){.selecttap-configurator{padding-top:var(--mobile-header-height)}.main-title{font-size:2.2rem;margin-top:60px}.subtitle{font-size:1.2rem}.section-title{font-size:1.8rem}.deployment-examples,.summary-container{grid-template-columns:1fr}.module-detail-content{flex-direction:column;max-height:85vh;width:95%}.module-image,.module-info{padding:15px}.summary-action{align-items:center;flex-direction:column}.module-counter{justify-content:center;margin-bottom:10px;margin-left:0;margin-top:10px;width:100%}.step-header{align-items:flex-start;flex-direction:column}.step-title{margin-top:10px;width:100%}.config-step{padding:20px 15px}section{padding:60px 15px}.chassis-visualization{max-width:100%}.chassis-container{transform:scale(.8);transform-origin:center top}.toast-notification{bottom:20px;left:10px;max-width:calc(100% - 20px);right:10px;width:auto}}@media (max-width:480px){.main-title{font-size:1.8rem;margin-top:80px}.subtitle{font-size:1rem}.hero-section{height:auto;min-height:70vh;padding-bottom:60px}.module-detail-content{border-radius:0;width:100%}.chassis-container{transform:scale(.6);transform-origin:center top}#reset-configuration{font-size:.8rem;padding:6px 10px}#reset-configuration i{margin-right:3px}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}#module-quantity{border:1px solid var(--border-color);border-radius:4px;padding:8px;text-align:center;width:60px}.hero-section{align-items:center;display:flex;flex-wrap:wrap;height:auto;min-height:500px;overflow:hidden;padding:50px 5%;position:relative}.hero-content{padding-right:20px;width:50%;z-index:2}.hero-image{align-items:center;display:flex;justify-content:center;width:50%;z-index:1}.hero-image img{height:auto;max-width:100%;object-fit:contain}.hero-video{margin:20px auto 0;max-width:450px;position:relative}.hero-video iframe{aspect-ratio:16/9;height:auto;max-height:253px;width:100%}@media (min-width:992px){.hero-section{display:flex;flex-wrap:nowrap;height:auto;justify-content:space-between;padding:60px 5%;text-align:left}.hero-content{padding-right:40px;text-align:left;width:50%}.main-title{font-size:3rem;text-align:left}.subtitle{font-size:1.5rem;text-align:left}.hero-image{align-items:center;justify-content:flex-end;width:50%}.hero-video{height:auto;margin:20px 0;max-width:100%;width:450px}.hero-video iframe{height:253px;width:450px}}@media (min-width:1024px) and (max-width:1200px){.hero-section{padding:40px 5%}.main-title{font-size:2.5rem}}@media (max-width:1200px){.main-title{font-size:2.5rem}.subtitle{font-size:1.3rem}}@media (max-width:992px){.hero-content,.hero-image{padding:0;width:100%}.hero-image{margin-top:30px;order:2}.hero-content{order:1;text-align:center}.main-title{font-size:2.2rem}.subtitle{font-size:1.2rem}}@media (max-width:768px){.hero-section{min-height:auto;padding:40px 20px}.main-title{font-size:1.8rem;margin-bottom:10px}.subtitle{font-size:1rem;margin-bottom:15px}.hero-video{margin-top:15px;max-width:400px}}@media (max-width:480px){.hero-section{padding:30px 15px}.main-title{font-size:1.5rem}.subtitle{font-size:.9rem}.hero-video{max-width:320px}.chassis-container{transform:scale(.8);transform-origin:center top}}@media (min-width:768px){.hero-section{align-items:center!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:flex-start!important;padding:60px 5%!important;text-align:left!important}.hero-content{max-width:50%!important;order:1!important;padding-right:40px!important;width:50%!important}.hero-content,.hero-content div,.hero-content h1,.hero-content p,.main-title{text-align:left!important}.main-title{font-size:3rem!important}.subtitle{font-size:1.5rem!important;text-align:left!important}.hero-image{align-items:center!important;display:flex!important;justify-content:flex-end!important;max-width:50%!important;order:2!important;width:50%!important}.hero-video{margin:20px auto 20px 0!important;max-width:100%!important;width:450px!important}.hero-video iframe{height:253px!important;width:450px!important}}.dedicated-chassis-visualization .chassis-visualization{margin:0 auto;max-width:800px;overflow:visible!important;position:relative;width:100%}.module-position{overflow:visible!important;position:absolute!important;transform:none!important;z-index:2!important}.module-position img{max-height:100%!important;max-width:100%!important;object-fit:contain!important}.deployment-examples.single-example{grid-template-columns:1fr;margin:40px auto;max-width:800px}.deployment-examples.single-example .deployment-example{text-align:center}.deployment-examples.single-example .deployment-image{height:auto;margin-bottom:30px}.deployment-examples.single-example .deployment-image img{height:auto;max-width:100%}.case-study-cta{margin-top:30px;text-align:center}.case-study-button{align-items:center;background-color:var(--primary-color);border-radius:30px;box-shadow:0 3px 10px rgba(76,175,80,.3);color:#fff;display:inline-flex;font-size:1.1rem;font-weight:600;gap:10px;padding:15px 30px;text-decoration:none;transition:all .3s ease}.case-study-button:hover{background-color:var(--secondary-color);box-shadow:0 5px 15px rgba(76,175,80,.4);transform:translateY(-3px)}.case-study-button i{font-size:1.2rem}@media (max-width:768px){.case-study-button{font-size:1rem;padding:12px 20px}}@media (max-width:480px){.case-study-button{font-size:.9rem;padding:10px 15px}}#quote-modal{filter:none!important;height:100vh!important;left:0!important;margin:0!important;padding:0!important;perspective:none!important;position:fixed!important;top:0!important;transform:none!important;width:100vw!important;z-index:999999!important;clip:auto!important;clip-path:none!important}#quote-modal .quote-modal-content{margin:auto!important;max-height:90vh!important;max-width:90vw!important;position:relative!important}