: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 }
/* specific, in cphHead for home page if not pointing at nec.master */
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 }
/* general */
#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; }

/* interior */
#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}
}
/* 1000px */
@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 }
}
/* 767px */
@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}
}
/* 700px*/
@media(max-width:43.75rem) {
}
/* 600px*/
@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 }
}
/* 500px */
@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 }
}
/* 400px */
@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}
}