:root{--nec-blue:rgb(16,46,96);--nec-blue-alt:rgb(11,87,166);--nec-orange:rgb(237,92,1);--nec-orange-alt:rgb(186,72,1);--text:rgb(43,45,51);--nec-gray:rgba(230,230,230,0.5)} html{--12px:0.750rem;--13px:0.8125rem;--14px:0.875rem;--15px:0.9375rem;--16px:1rem;--17px:1.0625rem;--18px:1.125rem;--19px:1.1875rem;--20px:1.25rem;--21px:1.3125rem;--22px:1.375rem;--24px:1.5rem;--25px:1.5625rem;--28px:1.75rem;--30px:1.875rem;--32px:min(2rem,42px);--36px:2.25rem;--46px:min(2.875rem,80px);--52px:3.25rem;--100px:6.25rem} html{--22px:1.375rem;} :root{--nec-blue:rgb(16,46,96);} body main#nec{font-family:"azo-sans-web",'Noto Sans',sans-serif;font-weight:300;font-size:var(--16px);text-rendering:optimizeLegibility;background-color:#fff;letter-spacing:0px;padding:0 0 20px;overflow:hidden} #nec .grid{display:grid;grid-gap:20px;margin:1em 0} #nec .grid.half{grid-template-columns:1fr 1fr} #nec .grid.mid{align-items:center} #nec .grid img{width:100%;max-width:600px} #nec img{display:block;margin:0 auto;max-width:100%;height:auto} #nec div[class^=mainbanner]{min-height:450px} #nec div[class^=mainbanner] a:hover{text-decoration:none} #nec div[class^=mainbanner] .grid.half{grid-gap:0} #nec .mainbanner1{background-color:#da672e} #nec .mainbanner2{background-color:#0b57a5} #nec .mainbanner3{background-color:#3b92c7} #nec>div[class^=mainbanner]{padding:20px 0} #nec>div[class^=mainbanner] a{display:block} #nec .bannercta{margin:0} #nec .bannercta p:first-of-type{font-size:2.5em;text-transform:uppercase;max-width:490px;line-height:1.2} #nec .bannercta p:first-of-type b{display:block} #nec .bannercta .grid.univerge{color:var(--nec-blue);background-color:#fff;padding:0 10px;border-radius:500px;display:grid;grid-gap:0;grid-template-columns:60px 1fr;text-transform:uppercase;align-items:center;text-align:left;font-size:var(--22px);line-height:1;box-shadow:6px 6px 8px rgba(0,0,0,.3);width:360px;} #nec .bannercta .grid.univerge img{max-width:60px} #nec .bannercta .grid.univerge svg{grid-column:span 2;height:44px;padding:8px 20px} #nec .bannercta .univerge span{font-weight:600;padding-top:4px;white-space:nowrap} #nec .bannercta .univerge i{font-style:normal;font-weight:300} #nec .bannercta .univerge img{display:inline-block;outline:4px solid #fff;outline-offset:-8px;border-radius:100px;margin:0 auto} #nec .bannercta p{color:#fff} #nec sup{line-height:0} #nec *{transition:all .3s} #nec h1{text-align:center;font-weight:100;font-size:2.25rem;text-transform:uppercase;} #nec h1,#nec h2,#nec h3,#nec h4{line-height:1.2;color:var(--nec-blue);} #nec h2,#nec h3,#nec h4{text-transform:none;} #nec h1,#nec h2,#nec h3,#nec h4,#nec h5,#nec h6,#nec p{padding-left:0;padding-right:0;font-weight:300} #nec .wrap{padding-left:10px;padding-right:10px} #nec .nopad{padding-left:0;padding-right:0} #nec h1 b,#nec h2 b,#nec h3 b{display:block;} #nec .tagline{text-transform:none;font-size:var(--22px);font-weight:600} #nec h2{font-size:2rem;text-transform:uppercase} #nec .overview h2 b{color:var(--nec-orange);} #nec h3{font-size:1.25rem} #nec b,#nec .subnav a,.btn{font-weight:600;} #nec p{color:var(--text)} #nec .intro{font-size:var(--20px);text-align:center} #nec a{color:var(--nec-blue-alt);text-decoration-color:var(--nec-orange);font-weight:600} .icon-tabler-info-circle-filled{color:var(--nec-blue)} #nec .imgpad{padding:20px;} #nec .bgimg{position:relative} #nec .bgimg>img:first-of-type{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;z-index:0} #nec .grid.mid{align-items:center} #nec .grid.bottom{align-items:end} #nec .grid.half{grid-template-columns:1fr 1fr} #nec .grid.quad{grid-template-columns:1fr 1fr 1fr 1fr} #nec .grid.overview{grid-gap:60px 20px;grid-template-columns:1fr 1fr 1fr 1fr;padding:50px 10px 20px} #nec .grid.overview a:hover{text-decoration:none} #nec .grid.half.alternate:nth-of-type(even)>*:first-child{order:2} #nec .grid.half.alternate:nth-of-type(even)>*:last-child{order:1} #nec .grid img.icon{width:64px;height:64px;padding:20px 0} #nec .flex{display:flex;flex-wrap:wrap;padding:0;list-style:none;} #nec .flex>*{flex:1 0 0} #nec .grid.list{grid-row-gap:0;margin:1em 0} #nec .grid.list li{margin:5px 0} #nec .grid.list li:first-of-type{margin-top:0} #nec .grid.list ul{margin:0} #nec .grid.list ul ul{margin:5px 0} #nec .grid.list>div{margin:0} #nec ul{margin:1em 0} #nec li::marker{font-size:100%} #nec .mw800{max-width:800px;margin:0 auto} #nec .upper{text-transform:uppercase} #nec table{margin:0 auto;border-collapse:collapse;border-spacing:0;} #nec table th,#nec table td{padding:10px} #nec table th{text-transform:uppercase} #nec table.striped tr:nth-of-type(even){background-color:#eee} #nec table th{position:sticky;top:0;} #nec .mainbanner.full img{max-width:100%} #nec .zoombanner{height:clamp(400px,50vw,800px);position:relative;overflow:hidden;} #nec .zoombanner>img:first-of-type{max-width:unset;animation:zoominoutsinglefeatured 20s infinite} #nec .zoombanner>.overlay{content:"";position:absolute;inset:0;background-color:rgba(0,0,0,.4);z-index:1} #nec .zoombanner>.wrap{z-index:3;top:40%;transform:translateY(-40%)} #nec .zoombanner h1,#nec .zoombanner p{text-shadow:1px 1px 2px #000,-2px -1px 1px rgba(0,0,0,.1)} #nec .zoombanner h1,#nec .zoombanner p{color:#fff} #nec .nechomelink{text-align:right;} #nec .nechomelink.endlink{font-size:var(--14px)} #nec .nechomelink a{color:var(--nec-blue);display:inline-block} #nec .nechomelink a:hover{text-decoration:none} #nec .nechomelink span{text-decoration-color:var(--nec-orange)} #nec .nechomelink a:hover span,#nec .nechomelink a:focus span{text-decoration:underline var(--nec-orange);text-underline-offset:4px} #nec .nechomelink svg,#nec .nechomelink span{display:inline-block;vertical-align:middle} #nec .overview>a{border:solid 1px #e6e6e6;border-radius:0.5rem;position:relative;padding:20px 10px 40px} #nec .overview img{width:80px;height:80px;position:absolute;left:50%;transform:translateX(-50%);top:-50px} #nec .overview h2{text-align:center;font-weight:700;font-size:var(--19px)} #nec .overview p{text-align:center;font-size:var(--14px);position:relative} #nec .overview p:last-of-type{display:inline-block;padding-left:10px;text-transform:uppercase;color:var(--nec-blue);font-weight:600;position:absolute;bottom:0;left:50%;transform:translateX(-50%)} #nec .overview a p:last-of-type:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 36'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%2397bd31;%7D.b%7Bfill:%233b93c8;%7D.c%7Bfill:%23102e60;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M4.53,0a4.42,4.42,0,0,0-3.2,1.39,4.94,4.94,0,0,0,0,6.74L10.72,18l3.2-3.37a4.38,4.38,0,0,1,6.4,0L7.73,1.39A4.44,4.44,0,0,0,4.53,0'/%3E%3Cpath class='b' d='M10.72,18,1.33,27.87a4.94,4.94,0,0,0,0,6.74,4.38,4.38,0,0,0,6.4,0L20.32,21.37a4.38,4.38,0,0,1-6.4,0Z'/%3E%3Cpath class='c' d='M17.12,13.24a4.42,4.42,0,0,0-3.2,1.39L10.72,18l3.2,3.37a4.38,4.38,0,0,0,6.4,0,4.93,4.93,0,0,0,0-6.74,4.42,4.42,0,0,0-3.2-1.39'/%3E%3C/svg%3E") no-repeat 0 50%;content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:1.5rem;height:1.5rem;width:1rem;height:1rem;background-size:0.625rem auto;transition:all .3s} #nec .overview a:hover p:last-of-type:before,#nec .overview a:focus p:last-of-type:before{transform:rotate(90deg) translateX(-0.25rem) translateY(0.125rem);} #nec .bluegrad{background-image:linear-gradient(-45deg,#004e9e,#002852,#00356b);min-height:400px;margin-bottom:2rem} #nec .bluegrad.flipped{background-image:linear-gradient(45deg,#004e9e,#002852,#00356b);} #nec .bluegrad h2,#nec .bluegrad p,#nec .bluegrad li,#nec .bluegrad li::marker{color:#fff} #nec .bluegrad a:focus{outline-color:#fff} #nec li::marker,#nec summary{color:var(--nec-blue)} #nec .shortbox h2,#nec .shortbox p{text-align:center} #nec .shortbox ul{display:inline-block;max-width:700px} #nec .neclist li{position:relative;list-style:none} #nec .neclist li::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 36'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23ea5b0c;%7D.b%7Bfill:%23f7941d;%7D.c%7Bfill:%23e30613;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M4.53,0a4.42,4.42,0,0,0-3.2,1.39,4.94,4.94,0,0,0,0,6.74L10.72,18l3.2-3.37a4.38,4.38,0,0,1,6.4,0L7.73,1.39A4.44,4.44,0,0,0,4.53,0'/%3E%3Cpath class='b' d='M10.72,18,1.33,27.87a4.94,4.94,0,0,0,0,6.74,4.38,4.38,0,0,0,6.4,0L20.32,21.37a4.38,4.38,0,0,1-6.4,0Z'/%3E%3Cpath class='c' d='M17.12,13.24a4.42,4.42,0,0,0-3.2,1.39L10.72,18l3.2,3.37a4.38,4.38,0,0,0,6.4,0,4.93,4.93,0,0,0,0-6.74,4.42,4.42,0,0,0-3.2-1.39'/%3E%3C/svg%3E") no-repeat 0 50%;content:"";position:absolute;left:-25px;top:5px;width:1rem;height:1rem;} #nec .interface{min-height:400px;padding:20px 10px} #nec .interface .title{display:grid;grid-template-columns:1fr 180px;grid-gap:20px;align-items:center} #nec .interface h2{margin:0;border-right:1px solid #fff} #nec .interface .title img{max-width:180px;margin:0 auto 0 0} #nec hr.dots{border-style:none none dotted;border-color:#e6e6e6;border-width:2px;margin:40px 0 20px} #nec .dotted{border-bottom:2px dotted #e6e6e6;padding-bottom:20px;margin-bottom:40px} #nec .dotted.grid.half hr{grid-column:span 2} #nec .buttons,#nec .subnav{padding:0;text-align:left} #nec .buttons.center{text-align:center} #nec .buttons li,#nec .subnav li{display:inline-block;} #nec .buttons a,#nec .subnav a{display:block} #nec .btn{color:#fff;padding:.75em 1.5em;border-radius:1.5rem;text-transform:uppercase;min-width:120px;text-align:center;text-shadow:1px 1px 2px #000;margin:0} #nec .center .btn{margin:10px} #nec .zoombanner .btn{background-color:rgba(236,102,0,.9)} #nec .zoombanner a.btn:hover,#nec .zoombanner a.btn:focus{background-color:rgb(186,72,1,.8)} #nec .zoombanner .btn.alt{background-color:rgb(8,44,92,.9)} #nec .zoombanner a.btn.alt:hover,#nec .zoombanner a.btn.alt:focus{background-color:rgb(11,87,166,.8)} #nec .btn,#nec .subnav a{background-color:var(--nec-orange);} #nec .btn.alt{background-color:var(--nec-blue)} #nec .btn.alt:hover,#nec .btn.alt:focus,#nec a:hover .btn.alt,#nec a:focus .btn.alt{background-color:var(--nec-blue-alt)} #nec .btn:hover,#nec .btn:focus,#nec .subnav a:hover,#nec .subnav a:focus,#nec a:hover .btn,#nec a:focus .btn{background-color:var(--nec-orange-alt)} #nec .subnav{font-size:0} #nec .subnav a{font-size:var(--13px);display:block;color:#fff;padding:.75em 1.5em;text-transform:uppercase;white-space:nowrap;text-align:center;border-radius:1.5rem;margin:3px} #nec .subnav li{margin:0} #nec .necgray{background-color:var(--nec-gray);padding:1rem 0;} #nec .clipbottom{clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - 5vw))} #nec .clipbottom.flip{clip-path:polygon(0 0,100% 0,100% calc(100% - 5vw),0 100%)} #nec .skew{transform:rotate(4deg);width:calc(100% + 100px);margin:4rem -50px;padding-bottom:3rem} #nec .skew.flip{transform:rotate(-4deg);} #nec .skew>div{transform:rotate(-4deg)} #nec .skew.flip>div{transform:rotate(4deg)} #nec .skewoffset{padding:0 50px;height:100%} #nec .grid.half.cloud-solutions{grid-template-columns:4fr 6fr} #nec .skew .cloud-solutions p{font-size:var(--20px)} #nec .flex.benefits li{margin:10px;flex:1 0 170px} #nec ul.benefits{padding:0;list-style:none} #nec .benefits h2,#nec .benefits h3{font-weight:600;margin:0;text-transform:uppercase;font-size:var(--18px)} #nec .benefits h2 span,#nec .benefits h3 span{display:block} #nec .benefits h2,#nec .benefits h3,#nec .benefits p,#nec .pdfs h2,#nec .pdfs h3,#nec .pdfs p,#nec .pdfs .buttons{text-align:center} #nec .benefits li{position:relative} #nec .hexagon{padding-top:90px;position:relative} #nec .hexagon+svg{position:absolute;top:12px;left:50%;transform:translateX(-50%)} #nec .hexagon:before{content:"";position:absolute;top:0;left:0;width:100%;height:4rem} #nec .hexagon:before{background:url('/)share.nec/images/hexagon.svg') no-repeat 50% 50%;background-size:auto 100%;} #nec .pdfs{margin-top:3rem;justify-items:center;justify-content:space-evenly} #nec .pdfs>a{width:100%;max-width:400px;margin:0 auto} #nec .grid.bridge img{box-shadow:6px 6px 8px rgba(0,0,0,.3);border-width:1px;border-color:#eee;border-style:solid none none solid} #nec .recommended{background-color:#f1f3f6;border-radius:5px;padding:10px 4vw} #nec .pdfs.five{grid-template-columns:1fr 1fr 1fr 1fr 1fr;} #nec .pdfs.four{grid-template-columns:1fr 1fr 1fr 1fr;} #nec .pdfs.three{grid-template-columns:1fr 1fr 1fr} #nec .grid.share{grid-template-columns:1fr 1fr 1fr;} #nec .pdfs h2,#nec .pdfs h3,#nec summary{font-size:var(--18px);text-transform:uppercase;font-weight:600} #nec summary{text-align:left;} #nec summary::marker{color:var(--nec-orange);} #nec .pdfs a{border:1px solid #eee;display:block;padding-bottom:60px;position:relative;text-decoration:none} #nec .grid.bridge a{border:none;padding-bottom:0} #nec .pdfs a>h2,#nec .pdfs a>h3,#nec .pdfs a>p{padding:0 10px} #nec .pdfs p:last-of-type{position:absolute;bottom:0;left:50%;transform:translateX(-50%)} #nec .grid.rooms a img{border-bottom:1px solid #eee;} #nec .boxhover a:hover,#nec .boxhover a:focus{box-shadow:0 0 8px rgba(0,0,0,.3)} #nec table.teams th{color:#fff;background-color:var(--nec-blue);} #nec table.teams th:first-of-type{border-radius:5px 0 0 5px;} #nec table.teams th:last-of-type{background-color:var(--nec-blue-alt);border-radius:0 5px 5px 0} #nec table.teams th b{display:block} #nec table.teams th,#nec table.teams td{text-align:center} #nec table.teams th:first-of-type,#nec table.teams td:first-of-type{text-align:left} #nec table.teams td{color:var(--nec-blue);position:relative} #nec .icon-tabler-check{color:#8fb32f;display:inline-block;width:20px;height:20px} #nec .tooltip{position:relative} #nec .tooltip span{position:absolute;width:220px;left:0;color:#fff;background-color:#2b2d33;display:none;font-size:var(--14px);padding:10px 20px;border-radius:25px;bottom:32px;font-family:"azo-sans-web",'Noto Sans',sans-serif;font-weight:300;line-height:1.5;border-color:#999;border-style:solid;border-width:1px;white-space:normal;z-index:9998} #nec .tooltip:after{content:"";width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:12px solid #2b2d33;left:85px;bottom:21px;position:absolute;z-index:9999;display:none} #nec .tooltip:hover span,#nec .tooltip:hover:after,#nec .tooltip:focus span,#nec .tooltip:focus:after{display:block;} #nec .analysis h2 b{background-color:var(--nec-gray);display:block;padding:15px 0;border-width:1px;border-color:#e5e5e5} #nec .analysis li{margin:0} #nec .analysis li:nth-of-type(1) b{border-style:solid none solid solid} #nec .analysis li:nth-of-type(2) b,#nec .analysis li:nth-of-type(3) b{border-style:solid none solid} #nec .analysis li:nth-of-type(4) b{border-style:solid solid solid none} #nec .analysis p{padding:10px;border-top:1px solid #e5e5e5;margin:0} #nec .grid.analysis{grid-gap:20px 0} #nec .hybrid summary{padding:10px 0;border-top:1px solid #ccc} #nec .hybrid details:nth-of-type(1) summary{border-top:none} #nec .monitor h3{text-align:center;font-weight:600;font-size:var(--18px)} #nec .monitor h3 span{color:var(--nec-orange);text-transform:uppercase;display:block;font-size:var(--24px)} #nec .monitor ul{padding:0;margin:0;list-style:none} #nec .monitor li{text-align:center;padding:0 10px} #nec .monitor>div{border-radius:15px} #nec .monitor svg{margin-bottom:-4px} #nec .grid.integrations{grid-template-columns:repeat(6,1fr)} #nec .grid.integrations img{top:50%;transform:translateY(-50%);position:relative;object-fit:contain;width:100%;height:100%;max-width:300px} #nec .grid.integrations p{text-align:center;font-size:var(--15px)} #nec .grid.integrations div{position:relative} #nec .grid.integrations>div>div{height:100px;} #nec form .grid{grid-template-columns:1fr 1fr} #nec form .grid>*{margin:0} #nec fieldset{border:none;margin:0;padding:0} #nec legend{font-weight:600;color:var(--nec-blue);text-align:left;padding:0;font-size:var(--18px);text-transform:uppercase} #nec label{text-align:left;display:block;letter-spacing:unset} #nec label span{color:red;font-weight:600} #nec form input,#nec form textarea,#nec form select{box-sizing:border-box;display:block;padding:10px;width:100%;background-color:#f5f8fa;border:1px solid #cbd6e2;border-radius:3px} #nec form input,#nec form textarea,#nec form select,#nec form label,#nec form option{font-family:"azo-sans-web",'Noto Sans',sans-serif !important;font-size:var(--15px) !important;font-weight:300} #nec form input[type=submit]{font-size:var(--18px) !important;font-weight:600} #nec input[type=checkbox]{display:inline-block;width:20px} #nec fieldset>label{margin-bottom:20px} @keyframes zoominoutsinglefeatured{0%{transform:scale(1,1);} 50%{transform:scale(1.2,1.2);} 80%{transform:scale(1,1);} 100%{transform:scale(1,1);}} @media(prefers-reduced-motion){*{transition:all 0s !important;animation:none !important}} @media(max-width:62.5rem){#nec>div[class^=mainbanner] .grid.half.bannercta,#nec .interface .grid.half{grid-template-columns:1fr} #nec .bannercta p:first-of-type{max-width:unset;text-align:center} #nec .grid.univerge{text-align:center;margin:0 auto} #nec .grid.overview,#nec .grid.quad.benefits,#nec .grid.quad.monitor{grid-template-columns:1fr 1fr} #nec .pdfs{grid-template-columns:1fr 1fr !important;max-width:820px;margin:0 auto} #nec .grid.rooms a:last-of-type:nth-child(odd){grid-column:span 2} #nec .clipbottom{clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - 50px))} #nec .clipbottom.flip{clip-path:polygon(0 0,100% 0,100% calc(100% - 50px),0 100%)} #nec .analysis li:nth-of-type(1) b,#nec .analysis li:nth-of-type(3) b{border-style:solid none solid solid} #nec .analysis li:nth-of-type(2) b,#nec .analysis li:nth-of-type(4) b{border-style:solid solid solid none} #nec .grid.integrations{grid-template-columns:1fr 1fr 1fr}} @media(max-width:47.99rem){#nec h1,#nec h2,#nec .bannercta p:first-of-type{font-size:2rem} #nec .tagline{font-size:var(--20px)} #nec .grid.half,#nec .grid.half.cloud-solutions{grid-template-columns:1fr} #nec .dotted.grid.half hr{grid-column:span 1} #nec .cloud-solutions h2,#nec .cloud-solutions p,#nec .cloud-solutions ul{text-align:center} #nec .cloud-solutions>img{order:2} #nec .zoombanner{padding-bottom:50px;} #nec .grid.third.benefits{grid-template-columns:1fr 1fr} #nec .grid.half.alternate:nth-of-type(even)>*:first-child,#nec .grid.half.alternate:nth-of-type(even)>*:last-child{order:unset} #nec .shortbox h2,#nec .shortbox p{text-align:left} #nec .shortbox ul{display:block;max-width:unset}} @media(max-width:43.75rem){} @media(max-width:37.5rem){#nec h1,#nec h2,#nec .bannercta p:first-of-type{font-size:1.5rem} #nec .tagline{font-size:var(--18px)} #nec h1 b,#nec h2 b,#nec .flex.benefits h3 span{display:inline} #nec .zoombanner h1 b{display:block} #nec .grid.quad.benefits{grid-template-columns:1fr} #nec .flex.benefits li{flex:1 0 280px} #nec .analysis li b{border-style:solid !important} #nec .grid.integrations{grid-template-columns:1fr 1fr}} @media(max-width:31.25rem){#nec .grid.overview,#nec .interface .title,#nec .grid.rooms,#nec .grid.quad.monitor,#nec .grid.third.benefits,#nec .grid.integrations{grid-template-columns:1fr} #nec .grid.rooms a:last-of-type:nth-child(odd){grid-column:unset} #nec .interface h2{border-right:none;order:2} #nec .grid.overview{padding:50px 0 20px} #nec .overview>a{border-style:none none solid;padding:20px 0 40px;border-radius:0} #nec .overview>a:last-of-type{border:none} #nec .buttons li,#nec span.btn{display:block} #nec .benefits h2 span,#nec .benefits h3 span{display:inline}} @media(max-width:25rem){#nec .zoombanner h1 b{display:inline} #nec .bannercta .grid.univerge{grid-template-columns:40px 1fr;font-size:var(--16px);width:280px;grid-gap:0 20px} #nec .pdfs{grid-template-columns:1fr !important} #nec .bannercta .grid.univerge span{padding:10px 0;white-space:normal} #nec table th,#nec table td{padding:10px 5px} #nec form .grid{grid-template-columns:1fr}}