/* Shared Strongna header/footer. Homepage remains the visual source of truth. */
.sn-shared-header{position:sticky!important;top:0;z-index:90;background:#fff;box-shadow:0 1px 12px rgba(4,31,56,.09);overflow:visible}
.sn-shared-header .shell,.sn-shared-footer .shell{width:min(1216px,calc(100% - 64px))!important;max-width:min(1216px,calc(100% - 64px))!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
.sn-shared-header .accent-line{height:4px;background:linear-gradient(90deg,#0068b7,#00a884)}
.sn-shared-header .utility{height:34px;background:#0b2545;color:#cbd5e1;font-size:11px;overflow:visible}
.sn-shared-header .utility-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}
.sn-shared-header .utility-inner>span{font-family:Consolas,monospace;letter-spacing:.055em;text-transform:uppercase}
.sn-shared-header .utility i{display:inline-block;width:8px;height:8px;margin-right:9px;border-radius:50%;background:#00a884;box-shadow:0 0 0 5px rgba(0,168,132,.12)}
.sn-shared-header .utility-inner>div{display:flex;align-items:center;gap:20px}
.sn-shared-header .utility a{color:#cbd5e1;text-decoration:none}.sn-shared-header .utility a:hover{color:#fff}
.sn-shared-header .header-resource-link{border:0;background:transparent;color:#cbd5e1;font:inherit;cursor:pointer;padding:0;text-decoration:none}
.sn-shared-header .header-resource-link:before{content:"⇩";color:#00a884;margin-right:6px}
.sn-shared-header .nav-row{height:78px;display:flex;align-items:center;gap:24px;position:relative;overflow:visible}
.sn-shared-header .brand{display:flex;align-items:center;gap:11px;min-width:285px;margin-right:0;color:#0b2545;text-decoration:none}
.sn-shared-header .brand-logo{width:52px!important;height:44px!important;object-fit:contain;filter:none!important}
.sn-shared-header .brand b{display:block;font-size:19px;letter-spacing:.01em}.sn-shared-header .brand em{font-style:normal;font:700 9px/1 Consolas,monospace;background:#00a884;color:#fff;padding:4px 5px;border-radius:3px;vertical-align:3px;letter-spacing:.08em}.sn-shared-header .brand small{display:block;color:#64748b;font-size:10px;margin-top:3px}
.sn-shared-header .main-nav{display:flex;align-items:center;justify-content:center;gap:2px;flex:1;font-size:13px;position:relative;overflow:visible}
.sn-shared-header .main-nav>a,
.sn-shared-header .main-nav .sn-mega-trigger{height:auto;padding:11px 12px;color:#334a63;text-decoration:none;font-size:13px;font-weight:650;white-space:nowrap;border-radius:6px}
.sn-shared-header .main-nav>a:after{display:none!important}
.sn-shared-header .main-nav>a:hover,
.sn-shared-header .main-nav>a.active,
.sn-shared-header .main-nav .sn-mega-trigger:hover,
.sn-shared-header .main-nav .sn-mega-trigger.active,
.sn-shared-header .sn-has-mega.is-active .sn-mega-trigger,
.sn-shared-header .sn-has-mega:hover .sn-mega-trigger{color:#0068b7;background:#eff6ff}
.sn-shared-header .sn-has-mega{position:relative;display:flex;align-items:center;align-self:stretch;overflow:visible}
.sn-shared-header .sn-mega-trigger{display:inline-flex;align-items:center;gap:6px;height:100%}
.sn-shared-header .sn-mega-chevron{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #94a3b8;transition:transform .15s ease}
.sn-shared-header .sn-has-mega:hover .sn-mega-chevron{transform:rotate(180deg);border-top-color:#0068b7}
/* Keep a short visual gap, but fill it with hoverable padding so the menu does not drop on the way down. */
.sn-shared-header .sn-mega-menu{display:none;position:absolute;top:calc(100% - 2px);left:50%;transform:translateX(-50%);z-index:160;width:min(1100px,calc(100vw - 32px));max-height:calc(100vh - 128px);padding:16px 18px 14px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;box-shadow:0 22px 50px rgba(7,27,51,.16);box-sizing:border-box;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
.sn-shared-header .sn-mega-menu:before{content:none}
.sn-shared-header .sn-has-mega:hover .sn-mega-menu,
.sn-shared-header .sn-has-mega:focus-within .sn-mega-menu{display:block}
.sn-shared-header .sn-mega-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sn-shared-header .sn-mega-card{display:block!important;padding:12px 12px 10px!important;border-radius:10px;background:#f8fafc;border:0;border-left:4px solid #94a3b8;text-decoration:none!important;color:inherit;white-space:normal!important;font-weight:400!important;transition:background .15s ease,box-shadow .15s ease}
.sn-shared-header .sn-mega-card:hover{background:#f1f5f9;box-shadow:0 6px 16px rgba(7,27,51,.06)}
.sn-shared-header .sn-mega-accent-blue{border-left-color:#3b82f6}
.sn-shared-header .sn-mega-accent-green{border-left-color:#10b981}
.sn-shared-header .sn-mega-accent-teal{border-left-color:#14b8a6}
.sn-shared-header .sn-mega-accent-cyan{border-left-color:#22d3ee}
.sn-shared-header .sn-mega-accent-orange{border-left-color:#f59e0b}
.sn-shared-header .sn-mega-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:2px;color:inherit;text-decoration:none!important}
.sn-shared-header .sn-mega-card-head strong{color:#0f172a;font-size:13px;font-weight:800}
.sn-shared-header .sn-mega-card-head span{color:#94a3b8;font-size:14px;transition:transform .15s ease,color .15s ease}
.sn-shared-header .sn-mega-card:hover .sn-mega-card-head strong,
.sn-shared-header .sn-mega-card-head:hover strong{color:#0068b7}
.sn-shared-header .sn-mega-card:hover .sn-mega-card-head span,
.sn-shared-header .sn-mega-card-head:hover span{color:#0068b7;transform:translateX(3px)}
.sn-shared-header .sn-mega-card p{margin:0 0 6px;color:#64748b;font-size:11px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sn-shared-header .sn-mega-card ul{margin:0;padding:0;list-style:none}
/* Dense child lists (e.g. Solar) wrap into 2 columns inside the card. */
.sn-shared-header .sn-mega-card--dense ul,
.sn-shared-header .sn-mega-card ul:has(li:nth-child(5)){display:grid;grid-template-columns:1fr 1fr;gap:0 10px}
.sn-shared-header .sn-mega-card li{position:relative;padding:2px 0 2px 12px;color:#475569;font-size:11px;line-height:1.35}
.sn-shared-header .sn-mega-card li:before{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;background:#00a884}
.sn-shared-header .sn-mega-card li a{display:inline!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#475569!important;font-size:11px!important;font-weight:500!important;text-decoration:none!important;white-space:normal!important}
.sn-shared-header .sn-mega-card li a:hover{color:#0068b7!important;text-decoration:underline!important}
.sn-shared-header .sn-mega-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;padding:10px 12px;border-radius:10px;background:#eff6ff;position:sticky;bottom:0;z-index:2;box-shadow:0 -8px 16px rgba(255,255,255,.92)}
.sn-shared-header .sn-mega-footer>div{display:flex;align-items:center;gap:8px;color:#334155;font-size:12px}
.sn-shared-header .sn-mega-shield{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#00a884;color:#fff;font-size:11px;font-weight:800;flex:0 0 auto}
.sn-shared-header .sn-mega-shield:before{content:"✓";line-height:1}
.sn-shared-header .sn-mega-footer>a{color:#0068b7;font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap}
.sn-shared-header .sn-mega-footer>a:hover{text-decoration:underline}
.sn-shared-header .quote-btn{border:1px solid #075fa8;border-radius:8px;background:#0068b7;color:#fff;font-weight:750;padding:12px 18px;white-space:nowrap;box-shadow:0 4px 12px rgba(0,104,183,.18)}
.sn-shared-header .mobile-toggle{display:none}
.sn-shared-footer{background:#0b2545!important;color:#94a3b8!important;padding:64px 0 28px!important;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:12px}
.sn-shared-footer .footer-grid{display:grid!important;grid-template-columns:2fr 1fr 1.2fr 1fr!important;gap:48px!important;padding-bottom:48px!important;border-bottom:1px solid #1e3a55!important}
.sn-shared-footer .footer-brand{grid-column:auto!important;max-width:none!important}
.sn-shared-footer .footer-brand p{max-width:none!important}
.sn-shared-footer .footer-brand .brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;margin:0 0 14px}.sn-shared-footer .brand-logo{width:52px!important;height:44px!important;object-fit:contain;filter:none!important}.sn-shared-footer .brand b{font-size:19px}.sn-shared-footer .brand em{font-style:normal;font:700 9px/1 Consolas,monospace;background:#00a884;color:#fff;padding:4px 5px;border-radius:3px;vertical-align:3px}.sn-shared-footer .brand small{display:block;color:#94a3b8;font-size:10px;margin-top:3px}
.sn-shared-footer p{font-size:11px;line-height:1.7;color:#94a3b8}.sn-shared-footer h4{margin:0 0 14px;padding-bottom:9px;border-bottom:1px solid #1e3a55;color:#fff;font:800 12px Consolas,monospace;text-transform:uppercase;letter-spacing:.08em}.sn-shared-footer .footer-grid>div>a:not(.brand){display:block;margin:0;padding:6px 0;color:#94a3b8;text-decoration:none;font-size:11px}.sn-shared-footer .footer-grid>div>a:hover{color:#00a884}.sn-shared-footer .footer-badges{display:flex;gap:6px;flex-wrap:wrap}.sn-shared-footer .footer-badges span{font:650 8px Consolas,monospace;border:1px solid #334f69;padding:5px;color:#cbd5e1}.sn-shared-footer button{display:block;width:100%;border:0;border-radius:6px;background:#0068b7;color:#fff;padding:10px;font-size:10px;font-weight:800;margin-top:8px}.sn-shared-footer .footer-resource-link{margin-top:8px!important;padding:10px!important;text-align:center;border:1px solid #35536b;border-radius:6px;background:#173750;color:#d7e4ef!important}.sn-shared-footer .copyright{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:24px;font-size:9px;color:#647b91}
/* Homepage footer: show only the four parent product lines. */
#root footer ul li.pl-2{display:none!important}
@media(max-width:1380px){.sn-shared-header .nav-row{gap:14px}.sn-shared-header .brand{min-width:220px}.sn-shared-header .brand b{font-size:16px}.sn-shared-header .main-nav>a,.sn-shared-header .main-nav .sn-mega-trigger{padding:9px 6px;font-size:11px}.sn-shared-header .quote-btn{padding:11px 13px;font-size:12px}.sn-shared-header .sn-mega-menu{width:min(960px,calc(100vw - 24px));transform:translateX(-50%)}}
@media(max-width:900px){.sn-shared-header .mobile-toggle{display:block;margin-left:auto;border:0;background:#eff6ff;color:#0068b7;padding:9px 12px;border-radius:6px;font-size:20px}.sn-shared-header .main-nav{display:none;position:absolute;top:116px;left:0;right:0;padding:14px 24px;background:#fff;box-shadow:0 14px 24px rgba(0,0,0,.12);flex-direction:column;align-items:stretch;z-index:150}.sn-shared-header .main-nav.open{display:flex}.sn-shared-header .sn-has-mega{flex-direction:column;align-items:stretch}.sn-shared-header .sn-mega-menu{position:static;transform:none;width:100%;display:none;margin:6px 0 10px;padding:12px;box-shadow:none}.sn-shared-header .sn-has-mega:hover .sn-mega-menu,.sn-shared-header .sn-has-mega:focus-within .sn-mega-menu,.sn-shared-header .main-nav.open .sn-has-mega .sn-mega-menu{display:block}.sn-shared-header .sn-mega-grid{grid-template-columns:1fr}.sn-shared-header .sn-mega-footer{flex-direction:column;align-items:flex-start}.sn-shared-header .quote-btn{display:none}.sn-shared-footer .footer-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:620px){.sn-shared-header .shell,.sn-shared-footer .shell{width:calc(100% - 32px)!important}.sn-shared-header .utility{display:none}.sn-shared-header .nav-row{height:70px}.sn-shared-header .brand{min-width:0}.sn-shared-header .brand small,.sn-shared-header .brand em{display:none}.sn-shared-header .main-nav{top:74px}.sn-shared-footer .footer-grid{grid-template-columns:1fr!important;gap:24px!important}.sn-shared-footer .copyright{flex-direction:column;align-items:flex-start}}
