/* Facilio-style mega menu, footer, Connected tabs and events carousel. */
.mono{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#6a7078}

/* mega menu */
.nav_links .dd.mega{position:static}
.mega_panel{position:absolute;top:53px;left:0;right:0;background:#fff;display:grid;grid-template-columns:290px 1fr;border-top:1px solid var(--line);box-shadow:0 30px 60px -20px rgba(0,0,0,.25);opacity:0;visibility:hidden;transform:translateY(6px);transition:all .25s var(--ease);z-index:60}
.dd.mega:hover .mega_panel,.dd.mega:focus-within .mega_panel{opacity:1;visibility:visible;transform:none}
.mega_rail{border-right:1px solid var(--line);padding:26px 22px;display:flex;flex-direction:column;gap:4px}
.mega_rail .mono{margin-bottom:12px}
.rail_i{display:flex !important;align-items:center;gap:12px;padding:11px 10px;border-radius:8px;font-size:15px;color:#22262b}
.rail_i::after,.mega_panel a::after{display:none !important}
.rail_i .chev{margin-left:auto;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;opacity:0}
.rail_i.is-on{background:#f1f4f8;color:var(--accent)}
.rail_i.is-on .chev{opacity:1}
.mega_panel .ic{width:28px;height:28px;border-radius:6px;display:grid;place-items:center;flex:none}
.mega_panel .ic svg{width:15px;height:15px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mega_all{margin-top:auto;display:flex !important;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:8px;padding:12px 14px;font-size:14px}
.mega_all .chev{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}
.mega_body{display:flex;flex-direction:column}
.mega_pane{display:none}
.mega_pane.is-on{display:block}
.mega_bar{display:flex !important;align-items:center;gap:16px;background:#1f252d;color:#fff;padding:18px 26px}
.mega_bar .ic{width:44px;height:44px;border-radius:8px}
.mega_bar .ic svg{width:22px;height:22px}
.mega_bar b{display:block;font-weight:400;font-size:16px}
.mega_bar small{display:block;font-size:13px;color:#b9c1cb;margin-top:3px}
.mega_bar em{margin-left:auto;font-style:normal;font-size:13px;display:flex;align-items:center;gap:8px;white-space:nowrap}
.mega_bar em svg{width:16px}
.mega_pane > .mono{padding:22px 26px 6px}
.mega_mods{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 24px;padding:6px 26px 22px;border-bottom:1px solid var(--line)}
.mega_mods a{font-size:15px;padding:9px 0;color:#22262b}
.mega_mods a:hover{color:var(--accent)}
.mega_feat{padding:20px 26px 26px}
.mega_cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}
.mcard{display:block !important;background:#f4f5f7;border-radius:8px;padding:16px;min-height:110px}
.mcard b{display:flex;align-items:center;gap:8px;font-weight:400;font-size:15px;margin-bottom:8px}
.mcard b span{font-size:10px;background:var(--accent);color:#fff;border-radius:3px;padding:2px 5px;letter-spacing:.06em}
.mcard small{font-size:13px;color:#5f646b;line-height:1.45}
.mcard.is-new{background:linear-gradient(135deg,#eef5ff,#f7f3ff);box-shadow:inset 3px 0 0 var(--accent)}
.mega_panel.cols{grid-template-columns:1.6fr 1fr 1fr 1.2fr;padding:28px 26px;gap:30px}
.mega_list{display:grid;gap:2px;margin-top:14px}
.mega_list.two{grid-template-columns:1fr 1fr;column-gap:20px}
.mega_list a{font-size:15px;padding:9px 0;color:#22262b}
.mega_list a:hover{color:var(--accent)}
.mega_promo{display:block !important;background:#0b1118;color:#fff;border-radius:12px;padding:22px}
.mega_promo .mono{color:#8d96a1}
.mega_promo b{display:block;font-weight:400;font-size:40px;margin:14px 0 8px;letter-spacing:-.02em}
.mega_promo small{display:block;font-size:13px;line-height:1.45;color:#c9d0d9}
.mega_promo em{display:flex;align-items:center;gap:8px;margin-top:16px;font-style:normal;font-size:13px;color:#7cc7ff}
.mega_promo em svg{width:16px}
.dd_menu.small{min-width:280px}

/* footer, after facilio.com */
.hatch{height:40px;border-top:1px solid #e4e6e9;border-bottom:1px solid #e4e6e9;background:repeating-linear-gradient(-45deg,#fff 0 7px,#eef0f2 7px 8px)}
.ft2{background:#fff;color:#22262b}
.ft2_frame{max-width:1360px;margin:0 auto;border-left:1px solid #e4e6e9;border-right:1px solid #e4e6e9}
.ft2_top{display:flex;justify-content:space-between;align-items:center;padding:26px 38px;border-bottom:1px solid #e4e6e9}
.ft2_logo{display:flex;align-items:center;gap:12px;font-size:20px}
.ft2_logo img{height:34px}
.ft2_logo small{font-size:13px;color:#6a7078;margin-left:4px}
.ft2_social{display:flex;gap:12px}
.ft2_social a{width:40px;height:40px;border-radius:8px;background:#f1f3f5;display:grid;place-items:center}
.ft2_social a:hover{background:#e4e8ee}
.ft2_social svg{width:18px;height:18px;fill:none;stroke:#3a3f45;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ft2_grid{display:grid;grid-template-columns:repeat(4,1fr)}
.fcell{padding:38px 38px 40px;border-right:1px solid #e4e6e9;border-bottom:1px solid #e4e6e9}
.fcell:nth-child(4n){border-right:0}
.fcell .mono{margin-bottom:22px}
.fcell a{display:flex;align-items:center;gap:8px;font-size:15px;color:#3a3f45;margin-bottom:16px}
.fcell a:hover{color:#000}
.fcell a.more{color:var(--accent)}
.fcell a svg{width:14px}
.ft2_form h4{font-weight:400;font-size:18px;margin-bottom:20px}
.ft2_form input{width:100%;height:46px;border:1px solid #d6d9dd;border-radius:6px;padding:0 12px;font:inherit;font-size:14px;margin-bottom:12px;background:#fff}
.ft2_form input:focus{outline:2px solid var(--soft);border-color:var(--accent)}
.ft2_form button{width:100%;height:46px;border-radius:999px;background:var(--accent);color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px}
.ft2_form button svg{width:16px}
.ft2_base{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:22px 38px;font-size:14px;color:#5f646b}
.ft2_base nav{display:flex;gap:34px}
.ft2_base a:hover{color:#000}

/* Connected section, after facilio.com */
.cx{background:#fff;padding-top:110px}
.cx_head .h-sec{margin:16px auto 50px;max-width:820px}
.cx_frame{max-width:1360px;margin:0 auto;display:grid;grid-template-columns:320px 1fr;border-left:1px solid #e4e6e9;border-right:1px solid #e4e6e9}
.cx_rail{border-right:1px solid #e4e6e9}
.cx_rail_in{position:sticky;top:75px}
.cx_rail a{display:flex;align-items:center;gap:14px;padding:20px 30px;border-bottom:1px solid #e4e6e9;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#6a7480;transition:color .3s}
.cx_rail a i{width:8px;height:8px;background:#6a7480;flex:none;transition:background .3s}
.cx_rail a.is-on{color:var(--accent)}
.cx_rail a.is-on i{background:var(--accent)}
.cx_main{background:#f4f6f8;padding:16px;display:flex;flex-direction:column;gap:16px}
.cx_block{display:flex;flex-direction:column;gap:16px;scroll-margin-top:80px}
.cx_banner{position:relative;overflow:hidden;border-radius:6px;min-height:400px;padding:44px 40px 40px;color:#fff;display:flex;flex-direction:column;background:radial-gradient(40% 50% at 85% 10%,rgba(255,255,255,.35),transparent 70%),radial-gradient(35% 45% at 10% 95%,rgba(255,255,255,.28),transparent 70%),linear-gradient(135deg,#0d4ea6,#1a6fc4 55%,#2f86d6)}
.cx_banner.b-energy{background:radial-gradient(40% 50% at 85% 10%,rgba(255,255,255,.32),transparent 70%),radial-gradient(35% 45% at 10% 95%,rgba(255,255,255,.25),transparent 70%),linear-gradient(135deg,#0a2f8a,#0a55c8 55%,#2a7be0)}
.cx_banner.b-air{background:radial-gradient(40% 50% at 85% 10%,rgba(255,255,255,.35),transparent 70%),radial-gradient(35% 45% at 10% 95%,rgba(255,255,255,.28),transparent 70%),linear-gradient(135deg,#0a62b8,#0a8fe0 55%,#3fb2f0)}
.cx_banner.b-ops{background:radial-gradient(40% 50% at 85% 10%,rgba(255,255,255,.3),transparent 70%),radial-gradient(35% 45% at 10% 95%,rgba(255,255,255,.25),transparent 70%),linear-gradient(135deg,#0b1f4d,#0d3f8a 55%,#1a6fc4)}
.cx_grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px;pointer-events:none}
.cx_lbl{position:relative;display:flex;align-items:center;gap:6px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.cx_lbl i{width:6px;height:6px;background:#fff}
.cx_banner h3{position:relative;font-weight:400;font-size:clamp(32px,3.2vw,46px);line-height:1.15;letter-spacing:-.02em;margin:26px 0 0;max-width:560px}
.cx_banner_foot{position:relative;margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding-top:40px}
.cx_banner_foot p{max-width:450px;font-size:16px;line-height:1.5;color:rgba(255,255,255,.92)}
.cx_pill{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 8px 0 16px;border-radius:999px;background:#fff;color:#111;font-size:14px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.cx_pill b{width:28px;height:28px;border-radius:50%;background:#111;display:grid;place-items:center}
.cx_pill b svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:2}
.cx_pill.dark{border:1.5px solid #111}
.cx_card{background:#fff;border-radius:6px;padding:40px}
.cx_title{text-align:center;font-weight:400;font-size:24px;margin-bottom:34px}
.cx_feats{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cx_feat{display:block;background:#f4f6f8;border-radius:4px;padding:24px}
.cx_feat h5{display:flex;align-items:center;gap:10px;font-weight:400;font-size:21px;margin-bottom:12px}
.cx_feat h5 span{width:22px;height:22px;border-radius:3px;background:#22262b;display:grid;place-items:center;flex:none}
.cx_feat h5 span svg{width:13px;height:13px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cx_feat p{font-size:16px;line-height:1.5;color:#4a4f55;margin-bottom:16px}
.cx_feat u{font-size:14px;text-underline-offset:4px;color:#22262b}
.cx_more_t{text-align:center;font-size:15px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:28px}
.cx_more{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cx_more a{display:flex;justify-content:space-between;align-items:center;background:#f4f6f8;border-radius:4px;padding:18px 16px;font-size:16px;color:#22262b;transition:background .3s}
.cx_more a:hover{background:#e9edf2}
.cx_more svg{width:16px;height:16px;fill:none;stroke:#22262b;stroke-width:1.8}
.cx_venn{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background-color:#fbfcfd;background-image:radial-gradient(#d9dee4 1px,transparent 1px);background-size:16px 16px}
.cx_venn_svg{width:100%;max-width:440px}
.cx_venn_txt{background:#fff;border:1px solid #dfe3e8;padding:44px 48px}
.cx_venn_txt h4{font-weight:400;font-size:26px;line-height:1.25;margin-bottom:22px}
.cx_venn_txt ul{list-style:none;padding:0;margin:0}
.cx_venn_txt li{position:relative;padding:0 0 0 24px;margin-bottom:20px;font-size:16px;line-height:1.5;color:#40454c}
.cx_venn_txt li::before{content:"\2726";position:absolute;left:0;top:0;color:var(--accent);font-size:13px}
.cx_port_head{display:flex;justify-content:space-between;align-items:flex-start;gap:30px}
.cx_port_head h4{font-weight:400;font-size:26px;margin-bottom:12px}
.cx_port_head p{font-size:16px;line-height:1.5;color:#4a4f55;max-width:520px}
.cx_shot{margin-top:34px;background:#eaf1fd;border-radius:4px;padding:40px 60px 0;overflow:hidden}
.cx_shot img{width:100%;border-radius:4px 4px 0 0;box-shadow:0 20px 50px -20px rgba(0,0,0,.25)}
.cx + .hatch,.cx_main + .hatch{display:none}

/* events carousel */
.evs{padding:110px 0;background:#f4f5f6;overflow:hidden}
.evs_head{display:flex;justify-content:space-between;align-items:end;gap:30px}
.evs_head .h-sec{margin-top:16px}
.evs_nav{display:flex;gap:10px}
.evs_nav button{width:46px;height:46px;border-radius:10px;border:1px solid #d6d9dd;background:#fff;display:grid;place-items:center}
.evs_nav button:hover{background:#111}.evs_nav button:hover svg{stroke:#fff}
.evs_nav svg{width:20px;height:20px;fill:none;stroke:#111;stroke-width:1.6}
.evs_track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;margin-top:44px;padding-bottom:6px;scrollbar-width:none}
.evs_track::-webkit-scrollbar{display:none}
.ev{flex:0 0 100%;scroll-snap-align:start;display:grid;grid-template-columns:4fr 8fr;background:#fff;border-radius:22px;overflow:hidden;border:1px solid var(--line2)}
.ev_info{padding:40px 36px;display:flex;flex-direction:column}
.ev_info h3{font-weight:400;font-size:clamp(28px,2.6vw,38px);line-height:1.12;letter-spacing:-.02em;margin:18px 0 16px}
.ev_where{display:flex;align-items:center;gap:8px;font-size:14px;color:#40454c}
.ev_where svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}
.ev_info p{font-size:16px;line-height:1.55;color:#40454c;margin:18px 0 30px}
.ev_info .btn-s{margin-top:auto;width:fit-content}
.ev_people{display:grid;gap:2px;background:#e4e6e9}
.ev_people.n4{grid-template-columns:repeat(4,1fr)}
.ev_people.n3{grid-template-columns:repeat(3,1fr)}
.person{margin:0;position:relative;background:#111;overflow:hidden}
.person img{width:100%;height:100%;aspect-ratio:3/4;object-fit:cover;object-position:center top;filter:grayscale(1) contrast(1.05);transition:transform .8s var(--ease)}
.person:hover img{transform:scale(1.04)}
.person figcaption{position:absolute;left:0;right:0;bottom:0;padding:60px 18px 18px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.82));color:#fff}
.person b{display:block;font-weight:400;font-size:18px}
.person small{display:block;font-size:12px;line-height:1.4;color:#d5dae0;margin-top:4px}
.evs_dots{display:flex;gap:8px;justify-content:center;margin-top:26px}
.evs_dots i{width:8px;height:8px;border-radius:50%;background:#c9cdd2;cursor:pointer;transition:all .3s}
.evs_dots i.is-on{width:26px;border-radius:4px;background:#111}

@media (max-width:900px){
  .mega_panel{display:none}
  .ft2_grid{grid-template-columns:1fr 1fr}
  .fcell{padding:28px 20px;border-right:1px solid #e4e6e9}
  .fcell:nth-child(2n){border-right:0}
  .ft2_top,.ft2_base{padding:20px}
  .cx_frame{grid-template-columns:1fr}
  .cx_rail{display:none}
  .cx_banner{padding:28px 22px;min-height:0}
  .cx_banner_foot{flex-direction:column;align-items:flex-start;gap:20px}
  .cx_card{padding:24px 18px}
  .cx_feats,.cx_more,.cx_venn{grid-template-columns:1fr}
  .cx_venn_txt{padding:26px}
  .cx_port_head{flex-direction:column}
  .cx_shot{padding:16px 16px 0}
  .ev{grid-template-columns:1fr}
  .ev_people.n4,.ev_people.n3{grid-template-columns:1fr 1fr}
  .ev_info{padding:28px 22px}
}
.person_li{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:8px;background:rgba(255,255,255,.92);box-shadow:0 2px 10px rgba(0,0,0,.18);border:1px solid #e1e4e8;display:grid;place-items:center;opacity:.9;transition:opacity .3s,background .3s}
.person_li:hover{opacity:1;background:#fff}
.person_li svg{width:17px;height:17px;fill:none;stroke:#0a66c2;stroke-width:2;stroke-linecap:round}

/* round 2: solutions, hardware and resources menus */
.mega_panel.cols.sol{grid-template-columns:1fr 1fr 1fr 300px}
.mega_panel.cols.hw{grid-template-columns:1.5fr 1fr 300px}
.mega_panel.cols.res{grid-template-columns:2fr 1fr 300px}
.mega_list.icons a{display:flex;align-items:center;gap:10px}
.mega_list.icons svg{width:18px;height:18px;color:#3a3f45;flex:none}
.mega_list{gap:0}
.mega_list a{padding:7px 0;font-size:14.5px}
.mega_more{display:inline-flex !important;align-items:center;gap:8px;margin-top:12px;font-size:13px;color:var(--atext)}
.mega_more svg{width:16px}
.mega_res{display:flex !important;flex-direction:column;border-radius:12px;overflow:hidden;background:#0b1118;color:#fff;align-self:start}
.mega_res img{width:100%;height:150px;object-fit:cover}
.mega_res .mono{color:#8d96a1;padding:16px 18px 0;font-size:11px}
.mega_res b{font-weight:400;font-size:18px;line-height:1.25;padding:8px 18px 0}
.mega_res em{display:flex;align-items:center;gap:8px;font-style:normal;font-size:13px;color:#7cc7ff;padding:12px 18px 18px}
.mega_res em svg{width:16px}
.mega_logos{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 14px}
.mega_logos img{height:34px;width:100%;object-fit:contain;border:1px solid var(--line);border-radius:8px;padding:6px;background:#fff}
.mega_rescards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mega_rc{display:block !important;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.mega_rc img{width:100%;height:96px;object-fit:cover}
.mega_rc b{display:block;font-weight:400;font-size:15px;padding:12px 14px 2px}
.mega_rc small{display:block;font-size:12.5px;color:#6a7078;padding:0 14px 14px;line-height:1.35}
.mega_rc:hover b{color:var(--accent)}

/* trust strip: approved proof and certifications */
.trust2{padding:90px 0;background:#fff;border-top:1px solid var(--line2)}
.trust2_head{display:flex;justify-content:space-between;align-items:center}
.trust2_proof{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #111;margin-top:26px}
.trust2_proof > div{padding:24px 20px 6px 0}
.trust2_proof > div + div{padding-left:20px;border-left:1px solid var(--line2)}
.trust2_proof small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.trust2_proof b{display:block;font-weight:400;font-size:clamp(26px,2.4vw,36px);letter-spacing:-.02em;margin:12px 0 8px}
.trust2_proof p{font-size:14px;line-height:1.45;color:#4a4f55}
.trust2_certs{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:40px}
.cert{display:flex;align-items:center;gap:12px;border:1px solid var(--line2);border-radius:14px;padding:14px 16px;background:#fafbfc}
.cert img{width:46px;height:34px;object-fit:contain;flex:none}
.cert_ic{width:46px;height:34px;display:grid;place-items:center;flex:none}
.cert_ic svg{width:24px;height:24px;color:#1a1d21}
.cert b{display:block;font-weight:400;font-size:14px}
.cert small{display:block;font-size:12px;color:var(--mute);margin-top:2px;line-height:1.3}
@media (max-width:900px){.trust2_proof{grid-template-columns:1fr 1fr}.trust2_proof > div + div{border-left:0;padding-left:0}.trust2_certs{grid-template-columns:1fr}}
.ft2_grid{grid-template-columns:repeat(5,1fr)}@media (max-width:900px){.ft2_grid{grid-template-columns:1fr 1fr}}

/* mobile menu */
.nav_burger{display:none;width:53px;flex:none;border-left:1px solid var(--line);align-items:center;justify-content:center;flex-direction:column;gap:5px}
.nav_burger i{display:block;width:20px;height:1.6px;background:#111;transition:transform .3s var(--ease),opacity .3s}
.mnav{position:fixed;z-index:49;top:63px;left:10px;right:10px;bottom:10px;background:#fff;box-shadow:0 30px 60px -20px rgba(0,0,0,.3);overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .3s var(--ease)}
.mnav-open .mnav{opacity:1;visibility:visible;transform:none}
.mnav-open .nav_burger i:nth-child(1){transform:translateY(6.6px) rotate(45deg)}
.mnav-open .nav_burger i:nth-child(2){opacity:0}
.mnav-open .nav_burger i:nth-child(3){transform:translateY(-6.6px) rotate(-45deg)}
.mnav_in{padding:10px 20px 30px}
.mnav details{border-bottom:1px solid var(--line)}
.mnav summary{list-style:none;padding:18px 0;font-size:18px;display:flex;justify-content:space-between;cursor:pointer}
.mnav summary::-webkit-details-marker{display:none}
.mnav summary::after{content:"+";color:var(--accent);font-size:20px;line-height:1}
.mnav details[open] summary::after{content:"\2212"}
.mnav details div{display:grid;padding:0 0 14px}
.mnav details a{padding:9px 0;font-size:15px;color:#3a3f45}
.mnav_top{display:block;padding:18px 0;font-size:18px;border-bottom:1px solid var(--line)}
.mnav .btn-s{margin-top:24px;width:100%;justify-content:center}
@media (max-width:1180px){.nav .swatches,.nav .swatch_label{display:none}.nav_links{gap:16px;padding:0 14px}}
@media (max-width:1040px){.nav_links,.nav_cell.hide-m{display:none}.nav_burger{display:flex}}
@media (max-width:600px){.nav_cta{font-size:13px;padding:0 14px}}
@media (max-width:1180px){.nav_cell:has(.swatches){display:none}}
.rail_x{display:flex !important;align-items:center;gap:12px;padding:9px 12px;font-size:14px;color:#3a3f45;border-radius:8px}
.rail_x:hover{background:#f4f5f6}
.rail_x .ic{width:24px;height:24px;border-radius:6px}
.rail_x .ic svg{width:14px;height:14px;color:#fff}