*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;font-family:Roboto,Helvetica,Arial,sans-serif}:root{--filter-grayscale: .05;--filter-saturate: .95;--filter-brightness: 1;--filter-contrast: 1;--filter-hue-rotate: 0deg}#canvas-container{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1;filter:grayscale(var(--filter-grayscale)) saturate(var(--filter-saturate)) brightness(var(--filter-brightness)) contrast(var(--filter-contrast)) hue-rotate(var(--filter-hue-rotate))}.filters-ui-container{position:fixed;top:50%;right:40px;transform:translateY(-50%) translate(120%);width:320px;background:#0f0f0fd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:30px;z-index:10000;color:#fff;transition:transform .6s cubic-bezier(.19,1,.22,1);box-shadow:0 25px 50px -12px #00000080;font-family:Roboto,sans-serif}.filters-ui-container.show{transform:translateY(-50%) translate(0)}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.filters-header h3{font-size:18px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#e31a1a}.filter-group{margin-bottom:20px}.filter-label-row{display:flex;justify-content:space-between;margin-bottom:8px}.filter-label-row label{font-size:13px;font-weight:500;color:#ffffffb3}.filter-value{font-size:12px;color:#e31a1a;font-family:monospace}.filters-ui-container input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:#ffffff1a;border-radius:2px;outline:none}.filters-ui-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#e31a1a;border-radius:50%;cursor:pointer;transition:transform .2s}.filters-ui-container input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.filter-actions{margin-top:30px;display:flex;gap:10px}.filter-btn{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:10px;border-radius:12px;font-size:12px;cursor:pointer;transition:all .3s}.filter-btn:hover{background:#ffffff1a;border-color:#fff3}.filter-btn.primary{background:#e31a1a;border-color:#e31a1a}.filter-btn.primary:hover{background:#ff2a2a;box-shadow:0 0 15px #e31a1a66}#info{position:absolute;top:10px;left:10px;color:#fff;background:#00000080;padding:10px;border-radius:5px;font-size:14px;z-index:100}.marker{cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;width:0;height:0;display:flex;justify-content:center;align-items:center;transition:opacity .5s ease;z-index:100}.marker-hidden{opacity:0!important;pointer-events:none!important}.marker-container{position:absolute;bottom:0;display:flex;flex-direction:column;align-items:center;transform-origin:bottom center;animation:marker-float 3s ease-in-out infinite;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.marker:hover .marker-container,.marker.marker-active .marker-container{transform:scale(1.3) translateY(-5px)}.marker-pin{width:14px;height:14px;background:#00e67680;border-radius:50%;border:2px solid #b2fbd7;display:flex;justify-content:center;align-items:center;margin-bottom:2px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;box-shadow:0 0 10px #00e6764d}.marker:hover .marker-pin,.marker.marker-active .marker-pin{background:#00e676a6;transform:scale(1.4);box-shadow:0 0 20px #00e67699;border-color:#fff}.marker-dot{width:6px;height:6px;background:#00e676;border-radius:50%;box-shadow:0 0 5px #00e676cc;z-index:2}.marker-tooltip{position:absolute;bottom:30px;background:#121212e6;color:#fff;padding:6px 14px;border-radius:8px;font-size:13px;font-weight:500;white-space:nowrap;opacity:0;transform:translateY(10px) scale(.9);transition:all .3s cubic-bezier(.175,.885,.32,1.275);pointer-events:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 16px #0006;z-index:1000}.marker:hover .marker-tooltip,.marker.marker-active .marker-tooltip{opacity:1;transform:translateY(0) scale(1)}.marker-shadow{width:8px;height:3px;background:#00000026;border-radius:50%;filter:blur(1px);margin-top:-1px;animation:marker-shadow-pulse 3s ease-in-out infinite}@keyframes marker-float{0%,to{transform:translateY(0)}50%{transform:translateY(0)}}@keyframes marker-shadow-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.6);opacity:.2}}.modal-right,.modal-left,.modal-close{position:fixed;background:transparent;z-index:2000;color:#000;pointer-events:none;transition:.5s ease;display:flex;flex-direction:column;font-family:Roboto,Helvetica,Arial,sans-serif}.modal-left.show,.modal-close.show{pointer-events:auto;transform:translate(0)!important}.modal-right{top:22vh;right:2.55vw;width:25vw;height:80vh;transform:translate(110%);text-align:right;display:none}.modal-right.show{transform:translate(0);pointer-events:auto}.modal-left{top:5vh;left:2.55vw;width:35vw;height:90vh;transform:translate(-120%);display:flex;flex-direction:column}.modal-left .modal-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.modal-left .modal-content h2{font-size:48px;font-weight:700;color:#1a1a1a;margin:0 0 5px;line-height:1.1;width:100%;flex-shrink:0;transition:all .7s cubic-bezier(.165,.84,.44,1);opacity:0;transform:translate(-40px)}.modal-left.show .modal-content h2{opacity:1;transform:translate(0)}.modal-title-hidden{opacity:0!important;transform:translate(-50px)!important;pointer-events:none}.product-details-body::-webkit-scrollbar{width:4px}.product-details-body::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.product-details-body::-webkit-scrollbar-thumb{background:#bbb;border-radius:10px}.modal-subtitle-caps{font-size:24px;font-weight:400;color:#e31a1a;margin-top:5px;margin-bottom:30px;opacity:0;transform:translate(-30px);transition:all .6s cubic-bezier(.165,.84,.44,1);pointer-events:none;flex-shrink:0}.modal-subtitle-caps.show{opacity:1;transform:translate(0)}.product-details-body{transition:all .5s ease;opacity:1;transform:translate(0);overflow-y:auto;flex:1;padding-right:20px;padding-bottom:20px;margin-top:-50px}.product-details-body.details-hidden{opacity:0;transform:translate(-50px);pointer-events:none}.product-description{font-size:18px;line-height:1.6;color:#444;margin-bottom:30px;font-weight:300}.product-section-title{font-size:24px;font-weight:700;color:#1a1a1a;margin-bottom:20px;margin-top:20px}.product-bullets{list-style:none;padding:0;margin:0}.product-bullets li{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.05);font-size:18px;color:#333;font-weight:400}.product-bullets li:before{content:"";display:inline-block;width:24px;height:24px;background-color:#e31a1a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-size:14px;background-repeat:no-repeat;background-position:center;border-radius:6px;margin-right:20px;flex-shrink:0;box-shadow:0 4px 10px #e31a1a4d}.modal-close{top:5vh;right:2.55vw;width:150px;height:60px;justify-content:center;align-items:flex-end;transform:translate(200%)}.close-wrapper{display:flex;align-items:center;gap:15px}.close-text{font-size:18px;text-transform:lowercase;font-weight:400;color:#1a1a1a}.close-modal-round{width:50px;height:50px;background:#e31a1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 5px 15px #e31a1a66}.close-modal-round:hover{transform:rotate(90deg) scale(1.1);background:#ff2a2a}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:20px;width:100%}.grid-item{background:#0000000d;border-radius:12px;aspect-ratio:1/1;transition:all .3s ease}.grid-item:hover{background:#0000001a}.nav-bar-container{position:fixed;bottom:40px;left:50%;transform:translate(-50%);width:95vw;height:90px;background:linear-gradient(to bottom,#e63535ee,#c91717ee 45%,#800000ee);border-radius:45px;z-index:5000;display:flex;align-items:center;padding:0;border:1px solid rgba(255,255,255,.25);box-shadow:0 20px 50px #00000080,inset 0 1px 1px #fff6;font-family:Roboto,Helvetica,Arial,sans-serif;color:#fff;overflow:visible;transition:transform .8s cubic-bezier(.4,0,.2,1),opacity .8s ease}.nav-bar-container.hide{transform:translate(-50%,150%);pointer-events:none;opacity:0}.nav-bar-container:before{content:"";position:absolute;top:2px;left:25px;right:25px;height:40%;background:linear-gradient(to bottom,#ffffff4d,#fff0);border-radius:45px 45px 100% 100%;pointer-events:none}.nav-left{flex:0 0 280px;display:flex;align-items:center;justify-content:flex-end;gap:25px}.nav-brand-group{display:flex;flex-direction:column;text-align:right}.nav-divider{width:1px;height:50px;background:#ffffff4d}.nav-brand{font-size:22px;font-weight:700;letter-spacing:-.5px;text-transform:none}.nav-subtitle{font-size:13px;opacity:.9;font-weight:400}.nav-center{flex:1;display:flex;justify-content:flex-start;align-items:center;margin-left:20px}.nav-buttons{display:flex;align-items:center;gap:12px}.nav-btn{background:#ce1212;border:none;color:#fff;padding:10px 24px;font-size:13px;font-weight:600;border-radius:25px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 10px #0003;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.dropdown-arrow{transition:transform .3s ease}.dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.nav-btn:hover{background:#e31a1a;transform:translateY(-2px);box-shadow:0 6px 15px #0000004d}.nav-btn.active{background:#fff;color:#ce1212;box-shadow:0 2px 12px #fff6}.nav-right{flex:0 0 100px;display:flex;justify-content:flex-end;padding-right:10px}.logo-circle{width:70px;height:70px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0000004d;overflow:hidden}.nav-logo{height:99%;width:99%;object-fit:contain}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;bottom:70%;left:50%;transform:translate(-50%);background:linear-gradient(to bottom,#e63535ee,#c91717ee);min-width:160px;box-shadow:0 8px 16px #00000080;z-index:5001;border-radius:15px;margin-bottom:15px;padding:10px 0;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:auto}.dropdown-content:after{content:"";position:absolute;top:100%;left:50%;margin-left:-8px;border-width:8px;border-style:solid;border-color:#c91717ee transparent transparent transparent}.dropdown:hover .dropdown-content{display:block}.market-opt{background:transparent;border:none;color:#fff;padding:12px 16px;width:100%;text-align:center;cursor:pointer;font-size:13px;font-weight:600;text-transform:uppercase;transition:background .2s;font-family:inherit}.market-opt:hover{background:#ffffff1a}.market-opt.active{background:#fff;color:#ce1212}.nav-btn-clear{background:#ffffff26;border:none;color:#fff;width:38px;height:38px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);opacity:0;pointer-events:none}.nav-btn-clear.show{opacity:1;pointer-events:auto}.nav-btn-clear:hover{background:#fff;transform:scale(1.1)}.nav-btn-clear:hover svg{stroke:#e31a1a}.btn-test{position:fixed;bottom:20px;left:20px;z-index:100;padding:10px 20px;background:#00000080;color:#fff;border:none;border-radius:20px;cursor:pointer;display:none}#white-fade-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#e5e5e5;opacity:0;pointer-events:none;z-index:5;transition:opacity .5s ease;overflow:hidden}#white-fade-overlay:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.8) 2px,transparent 2px),linear-gradient(90deg,rgba(255,255,255,.8) 2px,transparent 2px),linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 1px);background-size:100px 100px,100px 100px,20px 20px,20px 20px;pointer-events:none}#white-fade-overlay:after{content:"";position:absolute;top:0;right:0;width:100%;height:50%;background-image:linear-gradient(rgba(255,255,255,.5),transparent)}#dummy-white-left{position:fixed;top:0!important;left:0;width:40%;height:100%;background-color:#fff8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:10!important;opacity:1;pointer-events:none;transition:.5s ease;transform:translate(-150%)}#dummy-white-left.show{transform:translate(0);pointer-events:auto}#highlight-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;background:transparent}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;display:flex;justify-content:center;align-items:center;z-index:100000;transition:opacity 1s ease,visibility 1s ease}.loading-screen.fade-out{opacity:0;visibility:hidden}.loader-content{display:flex;flex-direction:column;align-items:center;gap:30px}.loader-logo{width:120px;height:120px;animation:pulse-logo 2s infinite ease-in-out}.loader-logo img{width:100%;height:100%;object-fit:contain}.loader-spinner{width:40px;height:40px;border:3px solid rgba(180,4,4,.1);border-top:3px solid #b40404;border-radius:50%;animation:spin 1s linear infinite}.loader-text{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:14px;letter-spacing:2px;color:#b40404;text-transform:uppercase;font-weight:600}@keyframes pulse-logo{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:.8}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.product-view-controls{position:fixed;top:2.5%;left:55%;transform:translate(-50%,-100%);padding:20px;z-index:2500;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:.8s cubic-bezier(.4,0,.2,1);display:none}.product-view-controls.show{opacity:1;pointer-events:auto;transform:translate(-50%)}.view-btn-group{display:flex;align-items:center;gap:12px}.view-btn{background:#fff;border:1px solid #e31a1a;color:#e31a1a;padding:8px 22px;font-size:13px;font-weight:600;border-radius:30px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;font-family:Roboto,Helvetica,Arial,sans-serif;letter-spacing:.5px;box-shadow:0 4px 10px #0000000d}.view-btn:hover,.view-btn.active{background:#e31a1a;color:#fff;transform:translateY(-2px);box-shadow:0 6px 15px #e31a1a33}.view-btn.icon-btn{width:42px;height:42px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e31a1a;color:#e31a1a;box-shadow:0 4px 15px #e31a1a26}.view-btn.icon-btn svg{width:24px;height:24px}.view-btn.icon-btn:hover{background:#e31a1a;color:#fff;transform:scale(1.1)}.view-selector-container{position:fixed;top:1.5vh;left:42%;z-index:2500;opacity:0;pointer-events:none;transition:.8s cubic-bezier(.4,0,.2,1);transform:translate(110%)}.view-selector-container.show{opacity:1;pointer-events:auto;transform:translate(0)}.view-selector-container.view-selector-hidden{opacity:0;transform:translateY(-100%);pointer-events:none}.dice-net-wrapper{display:flex;align-items:flex-end;gap:20px;padding:10px;pointer-events:auto}.dice-net-container{display:flex;flex-direction:column;align-items:flex-start;gap:10px;flex-direction:row}.dice-label{font-size:10px;font-weight:700;letter-spacing:2px;color:#e31a1a;opacity:.8;transform:translate(-115%,40%)}.dice-net{display:flex;flex-direction:column;gap:2px}.dice-row{display:flex;gap:2px}.dice-face,.dice-spacer{width:38px;height:38px}.dice-face{background:#fff6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(227,26,26,1);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:5px;padding:0}.dice-face:hover,.dice-face.active{background:#e31a1a;border-color:#e31a1a;z-index:10;box-shadow:0 4px 10px #e31a1a4d}.icon-reset-minimal{width:32px;height:32px;background:transparent;color:#e31a1a;border:1.5px solid rgba(227,26,26,.4);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;margin-bottom:4px;display:none}.icon-reset-minimal svg{width:18px;height:18px}.icon-reset-minimal:hover{background:#e31a1a;color:#fff;border-color:#e31a1a;transform:rotate(180deg)}.dice-spacer{pointer-events:none;visibility:hidden}.icon-btn-premium{width:50px;height:50px;background:#e31a1a;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 5px 15px #e31a1a4d}.icon-btn-premium svg{width:24px;height:24px}.icon-btn-premium:hover{transform:rotate(180deg) scale(1.1);background:#ff2a2a}.capabilities-nav,.compare-nav{position:fixed;z-index:2501;pointer-events:none}.capabilities-nav{top:6.3vh;left:71%;transform:translate(-50%)}.compare-nav{top:6.3vh;left:52%;transform:translate(-50%)}.nav-btn-caps,.nav-btn-compare{opacity:0;transform:translateY(-150%);pointer-events:none;transition:opacity .6s cubic-bezier(.165,.84,.44,1),transform .6s cubic-bezier(.165,.84,.44,1)}.nav-btn-caps.show,.nav-btn-compare.show{opacity:1!important;transform:translateY(0)!important;pointer-events:auto!important}.nav-btn-caps,#capabilities-btn,.nav-btn-compare,#compare-btn{background:#fff!important;border:1px solid #e31a1a!important;color:#e31a1a!important;padding:10px 25px;font-size:14px;font-weight:700;border-radius:30px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #e31a1a1a}.nav-btn-caps:hover,#capabilities-btn:hover,.nav-btn-compare:hover,#compare-btn:hover{background:#e31a1a!important;color:#fff!important;box-shadow:0 8px 20px #e31a1a40}.nav-btn-caps.active,#capabilities-btn.active,.nav-btn-compare.active,#compare-btn.active{background:#e31a1a!important;color:#fff!important}.capabilities-overlay{position:fixed;top:12vh;left:0;width:100vw;height:88vh;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:1500;opacity:0;pointer-events:none;transition:opacity .8s cubic-bezier(.165,.84,.44,1),transform .8s cubic-bezier(.165,.84,.44,1);display:flex;justify-content:center;align-items:center;padding:2vw;transform:translateY(100%);overflow:hidden}.capabilities-overlay.exit{transform:translateY(100%);opacity:0}.capabilities-overlay.show{opacity:1;pointer-events:auto;transform:translateY(0)}.caps-content{width:95%;max-width:1600px;height:100%;display:flex;flex-direction:column;justify-content:center;gap:0px;animation:caps-slide-up .8s cubic-bezier(.165,.84,.44,1)}@keyframes caps-slide-up{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.caps-header h1{font-size:clamp(32px,4vw,48px);font-weight:700;color:#1a1a1a;margin:0}.caps-subtitle{font-size:clamp(18px,2vw,24px);font-weight:400;color:#e31a1a;margin-top:5px;margin-bottom:2vh}.caps-main{display:flex;flex-direction:column;align-items:center;position:relative;width:100%;height:100%;max-height:82vh;justify-content:space-between;padding:10vh 0 2vh}.caps-description-section{display:flex;justify-content:center;align-items:center;gap:5vh;width:100%;flex:1;min-height:0}#caps-text-description{width:38vh;max-width:450px;font-size:clamp(14px,1.1vw,16px);line-height:1.5;color:#444;text-align:right}#caps-text-description strong{display:block;margin-bottom:0;color:#1a1a1a;font-size:1.1em;font-weight:700}.caps-preview-container{position:relative;width:45%;max-width:600px;max-height:35vh;aspect-ratio:1.5;border-radius:12px;box-shadow:0 10px 30px #00000026;overflow:hidden;border:1px solid rgba(0,0,0,.05)}.caps-preview-container img{width:100%;height:100%;object-fit:cover}.connector-line{position:absolute;bottom:-60px;left:50%;width:1px;height:40px;background:#e31a1a;opacity:.5}.caps-product-display{width:100%;display:flex;flex-direction:column;align-items:center;position:relative;flex:1.2;min-height:0;justify-content:center}.product-base-image{position:relative;width:fit-content;max-width:100%;margin:0 auto;display:flex;justify-content:center}.product-base-image img.img-bw{width:auto;height:40vh;max-width:100%;display:block;filter:grayscale(100%);opacity:.8;object-fit:contain}.product-base-image img.img-color{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:contain;opacity:0;clip-path:inset(35% 40% 35% 40% round 2vw);-webkit-clip-path:inset(35% 40% 35% 40% round 2vw);pointer-events:none;transition:opacity .3s ease;z-index:1}.product-base-image img.img-color.active{opacity:1}.hover-regions{position:absolute;top:20%;left:0;width:100%;height:60%;display:flex;z-index:5}.hover-region{height:100%;cursor:pointer;position:absolute}.hover-region[data-index="0"]{left:0%;width:20%;--offset: 0}.hover-region[data-index="1"]{left:20%;width:18%;--offset: 0}.hover-region[data-index="2"]{left:38%;width:20%;--offset: 0}.hover-region[data-index="3"]{left:60%;width:18%;--offset: -1.5%}.hover-region[data-index="4"]{left:75%;width:22%;--offset: 0}.highlight-circle{position:absolute;border:2px solid #e31a1a;border-radius:15vh;pointer-events:none;transform:translate(-50%,-50%);opacity:0;top:50%;left:50%;transition:.3s ease;box-shadow:0 0 20px #e31a1a33}.highlight-circle.active{opacity:1}.component-name-label{margin-top:25px;font-size:clamp(14px,1.5vw,18px);font-weight:700;color:#e31a1a;text-transform:uppercase;text-align:center;opacity:0;transition:opacity .3s ease;letter-spacing:.05em;display:block}.component-name-label.active{opacity:1}.symbol-reg,.symbol-tm{font-size:.7em;vertical-align:baseline;position:relative;top:-.45em;line-height:0;margin-left:.15em;font-weight:500}.symbol-tm{font-size:.8em;top:-.1em}.nav-btn-compare{background:transparent;border:1px solid #e31a1a;color:#e31a1a;padding:10px 25px;font-size:14px;font-weight:700;border-radius:30px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #e31a1a0d}.nav-btn-compare:hover{background:#e31a1a0d;box-shadow:0 8px 20px #e31a1a26;transform:translateY(-2px)}.comparison-back-btn{position:absolute;top:5vh;right:2.55vw;background:#fff;border:1px solid #e31a1a;color:#e31a1a;padding:12px 25px;font-size:14px;font-weight:700;border-radius:30px;cursor:pointer;transition:all .6s cubic-bezier(.165,.84,.44,1);text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:10px;z-index:2600;box-shadow:0 4px 15px #e31a1a1a;opacity:0;transform:translate(100px)}.comparison-overlay.show .comparison-back-btn{opacity:1;transform:translate(0);transition-delay:.2s}.comparison-back-btn:hover{background:#e31a1a;color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #e31a1a40}.comparison-back-btn svg{transition:transform .3s ease}.comparison-back-btn:hover svg{transform:translate(-3px)}.comparison-overlay{position:fixed;top:0vh;left:0;width:100%;height:100vh;background:transparent;z-index:2500;opacity:0;pointer-events:none;transition:opacity .8s cubic-bezier(.165,.84,.44,1),transform .8s cubic-bezier(.165,.84,.44,1);display:flex;justify-content:center;align-items:flex-start;padding:5vh 5vw 5vh 2.5vw;transform:none;overflow-y:auto}.comparison-overlay.show{opacity:1;pointer-events:auto}.comparison-content{width:100%;min-height:100%;display:flex;flex-direction:column;gap:7vh;animation:caps-slide-up .8s cubic-bezier(.165,.84,.44,1)}.comparison-header{display:flex;justify-content:flex-start;gap:5vw;margin-bottom:2vh;opacity:0;transform:translateY(-100px);transition:all .8s cubic-bezier(.165,.84,.44,1)}.comparison-overlay.show .comparison-header{opacity:1;transform:translateY(0);transition-delay:.1s}.comparison-title-group h1{font-size:56px;font-weight:700;color:#1a1a1a;margin:0;line-height:1}.comparison-subtitle{font-size:28px;color:#e31a1a;font-weight:400;margin-top:5px}.comparison-intro{max-width:650px;font-size:18px;line-height:1.4;color:#444}.comparison-intro strong{color:#1a1a1a;font-weight:700}.comparison-intro p:nth-child(1){padding-top:1px}.comparison-grid{display:flex;width:100%;gap:0;align-items:stretch;flex:1}.comparison-col{flex:1;display:flex;flex-direction:column;align-items:flex-start;padding:0 40px 40px;opacity:0;transition:all .8s cubic-bezier(.165,.84,.44,1)}.comparison-col.pro{transform:translate(-150px)}.comparison-col.flex{transform:translate(150px)}.comparison-overlay.show .comparison-col{opacity:1;transform:translate(0)}.comparison-overlay.show .comparison-col.pro,.comparison-overlay.show .comparison-col.flex{transition-delay:.2s}.comparison-divider{width:1px;background:#aaa;margin:20px 0}.comparison-col h2{font-size:32px;font-weight:700;color:#1a1a1a;margin-bottom:10px}.comparison-tool-img{width:100%;margin-bottom:40px;display:flex;justify-content:left;height:15vh}.comparison-tool-img img{max-width:100%;height:auto;object-fit:contain}.comparison-tool-img.mds-flex-img img{width:80%}.comparison-bullets{list-style:none;padding:0;margin:0;flex:1}.comparison-bullets li{display:flex;align-items:flex-start;gap:15px;margin-bottom:20px;font-size:19px;font-weight:500;color:#1a1a1a;line-height:1.3}.comparison-bullets li:before{content:"";display:inline-block;width:20px;height:20px;background-color:#e31a1a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-size:12px;background-repeat:no-repeat;background-position:center;border-radius:4px;flex-shrink:0;margin-top:2px}.data-outputs-section{width:100%;margin-top:20px}.data-outputs-title{font-size:24px;color:#e31a1a;font-weight:400;margin-bottom:25px;text-align:center;width:100%}.data-outputs-circles{display:flex;justify-content:center;gap:25px;width:100%}.output-item{display:flex;flex-direction:column;align-items:center;gap:10px}.output-circle{width:5vh;height:5vh;border-radius:50%;box-shadow:0 4px 10px #0000001a}.output-label{font-size:13px;font-weight:700;color:#000}.output-circle.mfl{background-color:#76b74b}.output-circle.smfl{background-color:#26b1d1}.output-circle.idod{background-color:#909497}.output-circle.xyz{background-color:#d12229}.output-circle.geo{background-color:#eb8d3c}.output-circle.lfm{background-color:#f1b333}
