/* DecoyStar header menu (dn- prefix). v2, 12 Oct 2026: the panels are floating dark-glass
   cards in the site's own language (navy, aqua light, mountain silhouette) instead of a flat
   white sheet. Disclosure-pattern mega menu: Platform, Solutions, Integrations, Resources,
   Company. Every entry leads to content that exists on the page or to an existing dialog.
   nav.js adds .dn-compact when the bar does not fit the current language (hamburger mode)
   and staggers the entries in with --dn-i. */
.dn-list{display:flex;align-items:center;gap:2px;margin:0;padding:0;list-style:none}
.dn-entry{position:static}

/* Triggers: no pill — an aqua light line slides in under the active one */
.dn-trigger{position:relative;display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 13px;border:0;border-radius:10px;background:none;color:#dcecf4;font:500 14px/1 Inter,Arial,sans-serif;white-space:nowrap;cursor:pointer;transition:color .2s}
.desktop-nav a.dn-trigger{display:inline-flex;gap:7px;font-size:14px}
.dn-trigger::after{content:"";position:absolute;left:13px;right:13px;bottom:-21px;height:2px;border-radius:2px;background:linear-gradient(90deg,#22e3d8,#0aa0e8);box-shadow:0 0 12px #22e3d8aa;transform:scaleX(0);transform-origin:center;transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.dn-trigger .icon{width:12px;height:12px;opacity:.75;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .2s}
.dn-trigger:hover,.desktop-nav a.dn-trigger:hover,.dn-trigger[aria-expanded="true"]{color:#fff}
.dn-trigger:hover::after{transform:scaleX(.55)}
.dn-trigger[aria-expanded="true"]::after{transform:scaleX(1)}
.dn-trigger[aria-expanded="true"] .icon{transform:rotate(180deg);opacity:1;color:#5fe9f0}
.dn-trigger:focus-visible{outline:2px solid #5fe9f0;outline-offset:2px}

/* Panel = transparent wrapper (its 12px top padding bridges the hover gap) + floating card */
.dn-panel{position:absolute;left:0;right:0;top:100%;z-index:40;padding-top:12px;cursor:default}
.dn-panel[hidden]{display:none}
.dn-panel>.dn-inner{position:relative;isolation:isolate;overflow:hidden;padding:26px 26px 28px;border:1px solid #2c6f8459;border-radius:22px;background:linear-gradient(165deg,#07314a 0%,#052438 46%,#03192a 100%);box-shadow:0 34px 90px #00070fb3,0 0 0 1px #5fe9f00d inset,0 1px 0 #ffffff12 inset;color:#eafcff}
/* aqua glow, top hairline light and a faint mountain ridge — the site's hero, condensed */
.dn-panel>.dn-inner::before{content:"";position:absolute;z-index:-1;inset:-40% -10% auto auto;width:62%;height:120%;background:radial-gradient(closest-side,#13c9d92e,transparent 72%);pointer-events:none}
.dn-panel>.dn-inner::after{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;height:46%;background:url(assets/mountains-features.webp) center bottom/cover no-repeat;opacity:.13;-webkit-mask-image:linear-gradient(transparent,#000 70%);mask-image:linear-gradient(transparent,#000 70%);pointer-events:none}
.dn-panel.dn-in>.dn-inner{animation:dn-in .26s cubic-bezier(.2,.8,.2,1)}
@keyframes dn-in{from{opacity:0;transform:translateY(-8px) scale(.985)}}
.dn-panel.dn-in .dn-item,.dn-panel.dn-in .dn-links button,.dn-panel.dn-in .dn-feature{animation:dn-item .38s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--dn-i,0) * 32ms + 40ms)}
@keyframes dn-item{from{opacity:0;transform:translateY(8px)}}
.dn-scrim{position:fixed;inset:0;z-index:29;background:#010d16;opacity:0;pointer-events:none;transition:opacity .22s}
.dn-scrim.on{opacity:.5;pointer-events:auto}

.dn-inner{display:grid;gap:26px;align-items:stretch}
.dn-inner--platform{grid-template-columns:minmax(0,1fr) 300px}
.dn-inner--two{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}
.dn-inner--resources{grid-template-columns:minmax(0,3fr) minmax(220px,1fr);gap:30px}
.dn-inner--four{grid-template-columns:1fr}
.dn-group{min-width:0}
.dn-heading{display:flex;align-items:center;gap:12px;margin:0 0 12px 14px;color:#5fe9f0;font:700 11px/1 Inter,Arial,sans-serif;letter-spacing:2.6px;text-transform:uppercase}
.dn-heading::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#2f758a99,transparent)}
.dn-items{display:grid;gap:6px}
.dn-items--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.dn-items--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.dn-items--4{grid-template-columns:repeat(4,minmax(0,1fr))}

/* Entries */
.dn-nav .dn-item{position:relative;display:flex;align-items:flex-start;gap:14px;width:100%;padding:14px 38px 14px 14px;border:1px solid transparent;border-radius:15px;background:none;color:#eafcff;font:inherit;text-align:left;cursor:pointer;transition:background-color .22s,border-color .22s,box-shadow .22s}
.dn-nav .dn-item::after{content:"";position:absolute;right:15px;top:50%;width:14px;height:14px;margin-top:-7px;background:currentColor;color:#5fe9f0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;opacity:0;transform:translateX(-8px);transition:opacity .22s,transform .22s}
.dn-nav .dn-item:hover,.dn-nav .dn-item:focus-visible{background:linear-gradient(135deg,#0d405acc,#0a2f45b3);border-color:#3fd6e340;box-shadow:0 10px 26px #00101d66,0 1px 0 #ffffff0f inset;color:#fff}
.dn-nav .dn-item:hover::after,.dn-nav .dn-item:focus-visible::after{opacity:1;transform:none}
.dn-nav .dn-item:focus-visible{outline:2px solid #5fe9f0;outline-offset:2px}
.dn-ico{flex:none;display:grid;place-items:center;width:44px;height:44px;border:1px solid #3bc9dc3d;border-radius:13px;background:linear-gradient(145deg,#104e68,#0a3349);color:#6ff0f5;box-shadow:inset 0 1px 0 #ffffff17,0 6px 16px #00101c66;transition:background .25s,color .25s,box-shadow .25s,transform .25s}
.dn-ico .icon{width:21px;height:21px}
.dn-nav .dn-item:hover .dn-ico,.dn-nav .dn-item:focus-visible .dn-ico{transform:translateY(-1px);background:linear-gradient(145deg,#2ee6e0,#0a9cc8);color:#02202e;box-shadow:0 0 0 4px #22e3d81c,0 10px 24px #0bd3e04d}
.dn-txt{display:flex;flex-direction:column;gap:4px;min-width:0}
.dn-txt b{font:600 14.5px/1.3 Inter,Arial,sans-serif;letter-spacing:-.2px;color:#f3fdff}
.dn-txt small{font:400 12.5px/1.45 Inter,Arial,sans-serif;color:#93b8cb;transition:color .2s}
.dn-nav .dn-item:hover small{color:#b9d9e6}
.dn-ext{color:#5fe9f0;font-weight:500}

/* Platform feature card */
.dn-feature{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:6px;min-height:240px;padding:24px;border:1px solid #3fd6e333;border-radius:18px;background:radial-gradient(120% 90% at 85% 0%,#0f6b85 0%,#08405a 38%,#052a3e 72%),#052a3e;box-shadow:inset 0 1px 0 #ffffff14;color:#eafcff}
.dn-feature::after{content:"";position:absolute;z-index:-1;left:-10%;right:-10%;bottom:-6%;height:55%;background:url(assets/mountains-features.webp) center bottom/cover no-repeat;opacity:.28;-webkit-mask-image:linear-gradient(transparent,#000 60%);mask-image:linear-gradient(transparent,#000 60%)}
.dn-feature-glow{position:absolute;z-index:-1;right:-30px;top:-30px;width:230px;height:230px;border-radius:50%;background:radial-gradient(closest-side,#22e3d840,transparent)}
.dn-feature-art{position:absolute;z-index:-1;right:-22px;top:-42px;width:146px;height:146px;filter:drop-shadow(0 12px 28px #00c8e055);animation:dn-float 6s ease-in-out infinite}
@keyframes dn-float{50%{transform:translateY(-7px) rotate(-3deg)}}
.dn-feature .dn-feature-title{margin:0;color:#fff;font:700 19px/1.25 Inter,Arial,sans-serif;letter-spacing:-.45px}
.dn-feature .dn-feature-text{margin:0 0 14px;color:#b7d8e6;font:400 13px/1.45 Inter,Arial,sans-serif}

/* Legal links */
.dn-group--legal{padding-left:26px;border-left:1px solid #2f758a4d}
.dn-links{display:flex;flex-direction:column;gap:2px}
.dn-links button{display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;border-radius:10px;background:none;color:#b7d8e6;font:500 14px/1.3 Inter,Arial,sans-serif;text-align:left;cursor:pointer;transition:background-color .2s,color .2s}
.dn-links button::before{content:"";width:5px;height:5px;border-radius:50%;background:#2f8aa0;transition:background .2s,box-shadow .2s}
.dn-links button:hover,.dn-links button:focus-visible{background:#0d405a99;color:#fff}
.dn-links button:hover::before{background:#5fe9f0;box-shadow:0 0 8px #5fe9f0}
.dn-links button:focus-visible{outline:2px solid #5fe9f0;outline-offset:-2px}

@media(max-width:1250px){.dn-trigger{padding:0 10px}.dn-trigger::after{left:10px;right:10px}.dn-inner--platform{grid-template-columns:minmax(0,1fr) 250px}.dn-items--4{grid-template-columns:repeat(2,minmax(0,1fr))}.dn-feature-art{width:124px;height:124px;top:-36px}}

/* Compact (hamburger) mode — set by nav.js when the bar does not fit, and always at ≤800px */
.site-header.dn-compact .desktop-nav,.site-header.dn-compact .header-actions>.lang-select,.site-header.dn-compact .header-actions .login,.site-header.dn-compact .header-divider{display:none}
.site-header.dn-compact #menu-toggle{display:grid}
.site-header.dn-compact #mobile-menu:not([hidden]){display:flex;flex-direction:column;gap:0;position:absolute;top:100%;inset-inline:0;max-height:calc(100dvh - 72px);overflow-y:auto;overscroll-behavior:contain;padding:6px 22px 22px;background:linear-gradient(180deg,#062a40,#03192a);border-bottom:1px solid #2c6f8459;box-shadow:0 24px 50px #000a1499;animation:dn-sheet .24s cubic-bezier(.2,.8,.2,1)}
@keyframes dn-sheet{from{opacity:0;transform:translateY(-8px)}}
.dn-acc{border-bottom:1px solid #1d4a5e}
.dn-acc summary{display:flex;align-items:center;justify-content:space-between;padding:16px 2px;color:#eafcff;font:600 15px/1.2 Inter,Arial,sans-serif;list-style:none;cursor:pointer;transition:color .2s}
.dn-acc summary::-webkit-details-marker{display:none}
.dn-acc summary .icon{width:14px;height:14px;transition:transform .25s}
.dn-acc[open] summary{color:#5fe9f0}
.dn-acc[open] summary .icon{transform:rotate(180deg)}
.dn-acc summary:focus-visible,.dn-acc-link:focus-visible,.dn-acc-body a:focus-visible,.dn-acc-body button:focus-visible{outline:2px solid #5fe9f0;outline-offset:2px}
.dn-acc-body{display:flex;flex-direction:column;gap:2px;margin:0 0 14px;padding:8px;border:1px solid #2c6f8440;border-radius:14px;background:#08304566}
.dn-acc-body a,.dn-acc-body button{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border:0;border-radius:10px;background:none;color:#d3e9f2;font:500 14px/1.3 Inter,Arial,sans-serif;text-align:left;cursor:pointer;transition:background-color .2s,color .2s}
.dn-acc-body a::after,.dn-acc-body button::after{content:"›";color:#3fb7cc;font-size:18px;line-height:1}
.dn-acc-body a:hover,.dn-acc-body button:hover{background:#0d405a;color:#fff}
.dn-acc-head{margin:8px 12px 4px;color:#56c9dc;font:700 10.5px/1 Inter,Arial,sans-serif;letter-spacing:2px;text-transform:uppercase}
#mobile-menu>a.dn-acc-link{display:block;padding:16px 2px;border-bottom:1px solid #1d4a5e;color:#eafcff;font:600 15px/1.2 Inter,Arial,sans-serif}
.dn-m-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-top:18px}
.dn-m-actions .lang-select{display:flex}
#mobile-menu .dn-m-actions .lang-menu{top:auto;bottom:calc(100% + 8px);right:auto;left:0}
.dn-m-login{padding:10px 14px;border:1px solid #2b5c70;border-radius:10px;background:none;color:#eafcff;font:500 14px/1 Inter,Arial,sans-serif;cursor:pointer}
.dn-m-demo{margin-left:auto}

/* Dialog content added with the menu (How it works, Security, legal, sectors) */
.dialog-steps{display:grid;gap:12px;margin:4px 0 6px;padding:0;list-style:none}
.dialog-steps li{display:flex;gap:14px;align-items:flex-start}
.dialog-steps li>span{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#e2fbff,#c9f1fb);color:#06799d;font:700 13px/1 Inter,Arial,sans-serif}
.dialog-steps b{display:block;margin-bottom:2px}
.dialog-steps p{margin:0}
.dialog-list{display:grid;gap:10px;margin:12px 0 4px;padding:0;list-style:none}
.dialog-list li{display:flex;flex-direction:column;gap:2px;padding-left:16px;border-left:2px solid #6fd8e6}
.dialog-list--plain li{flex-direction:row}
.dialog-meta{margin:0 0 10px;font-size:12px;color:#6a8599}
.dialog-sub{margin:14px 0 0;font-weight:600}
#detail-dialog h4{margin:14px 0 4px;font-size:14px}

@media(prefers-reduced-motion:reduce){.dn-panel.dn-in>.dn-inner,.dn-panel.dn-in .dn-item,.dn-panel.dn-in .dn-links button,.dn-panel.dn-in .dn-feature,.dn-feature-art,.site-header.dn-compact #mobile-menu:not([hidden]){animation:none}.dn-trigger::after,.dn-trigger .icon,.dn-acc summary .icon,.dn-ico,.dn-scrim,.dn-nav .dn-item,.dn-nav .dn-item::after{transition:none}}