/* Layout only: retain the homepage's original controls and event handlers. */
@media(min-width:881px){html.dn-home .nav-actions>.dn-home-contact,html.dn-home .nav-actions>.dn-notification-root{display:none}}
@media(max-width:880px){
 html.dn-home body{padding-top:96px}
 html.dn-home:not([data-dn-product-ui]) body>header{height:96px;background:#000!important;box-shadow:none}
 html.dn-home body>header .wrap{width:calc(100% - 32px);padding:0}
 html.dn-home body>header .nav{display:grid;grid-template-columns:44px 44px minmax(0,1fr) 44px 44px;grid-template-rows:44px 44px;gap:0;height:96px;margin:0;padding:4px 0;background:#000;box-sizing:border-box}
 html.dn-home body>header .nav>.brand{grid-column:1/4;grid-row:1;margin:0;transform:none;gap:10px;justify-self:start}
 html.dn-home body>header .brand img{width:34px;height:34px}
 html.dn-home body>header .brand-copy strong{font-size:18px;color:#fff;letter-spacing:.06em}
 html.dn-home body>header .brand-copy>span{display:none}
 html.dn-home body>header .nav-actions{display:contents;transform:none}
 html.dn-home body>header .nav-user{grid-column:5;grid-row:1}
 html.dn-home body>header .mobile-nav-trigger{grid-column:1;grid-row:2;position:relative}
 html.dn-home body>header .language-menu{grid-column:2;grid-row:2;position:relative;width:44px;height:44px}
 html.dn-home body>header .dn-mobile-support{grid-column:5;grid-row:2}
 html.dn-home body>header .dn-home-contact{grid-column:4;grid-row:2}
 html.dn-home body>header .dn-notification-root{display:block;position:relative;inset:auto;grid-column:4;grid-row:1;width:44px;height:44px;z-index:101}
 html.dn-home body>header :is(.dn-home-contact,.dn-bell){display:grid;place-items:center;width:44px;height:44px;padding:8px;color:#fff;background:transparent;border:0;border-radius:0;box-shadow:none;box-sizing:border-box}
 html.dn-home body>header :is(.dn-home-contact,.dn-bell) svg{width:26px;height:26px;stroke:currentColor;fill:none}
 html.dn-home body>header .dn-notification-root .dn-panel{position:fixed;inset:96px 12px auto;width:calc(100% - 24px);max-height:calc(100dvh - 112px);padding-top:0;box-sizing:border-box}
 html.dn-home body>header :is(.mobile-nav-trigger,.language-trigger,.nav-user,.dn-mobile-support){display:grid;place-items:center;width:44px;height:44px;padding:8px;margin:0;color:#fff;background:transparent;border:0;border-radius:0;box-shadow:none;transform:none}
 html.dn-home body>header :is(.language-trigger,.nav-user,.dn-mobile-support) svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.8}
 html.dn-home body>header .mobile-nav-trigger svg{display:none}
 html.dn-home body>header .mobile-nav-trigger::before{content:'';width:24px;height:2px;background:currentColor;box-shadow:0 -7px currentColor,0 7px currentColor}
 html.dn-home body>header .language-list{left:auto;right:auto;inset-inline-start:0;top:44px;max-height:calc(100dvh - 116px)}
 html.dn-home body>header :is(.mobile-nav-trigger,.language-trigger,.nav-user,.dn-mobile-support):focus-visible{outline:2px solid #fff;outline-offset:-3px}
 html.dn-home .dn-network :is(.dn-hero,#products,.dn-infrastructure-screen,.dn-why-screen){scroll-margin-top:96px;min-height:calc(100svh - 96px)}
}


/* Desktop utilities; the mobile header retains its existing layout. */
@media(min-width:881px){
html.dn-home .nav-actions>.dn-home-contact,html.dn-home .nav-actions>.dn-notification-root{display:block}
html.dn-home .nav-actions>.dn-notification-root{position:relative;inset:auto;margin:0;z-index:101}
html.dn-home .nav-actions :is(.dn-home-contact,.dn-bell){display:grid;place-items:center;width:36px;height:40px;padding:6px;background:transparent;border:0;border-radius:6px;box-shadow:none;color:#fff;cursor:pointer}
html.dn-home .nav-actions :is(.dn-home-contact,.dn-bell) svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round}
html.dn-home .nav-actions>.dn-desktop-auth{order:0}
html.dn-home .nav-actions>.dn-home-contact{order:1}
html.dn-home .nav-actions>.dn-notification-root{order:2}
html.dn-home .nav-actions>.language-menu{order:3}
html.dn-home .nav-actions>.nav-user{order:4}
html.dn-home .nav-actions .dn-panel{top:48px;right:0}
}

@media(min-width:881px){html.dn-home .nav-actions .dn-home-contact svg{width:22px;height:22px;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}}
