/* Technology page (2026-10-06): robotics and video analytics open a short note
   in place instead of jumping straight to the enquiry page. Native <dialog>,
   site dark panel and 12px corners. */
.nt-note{width:min(560px,calc(100% - 32px));max-height:calc(100svh - 48px);margin:auto;padding:44px 44px 40px;border:1px solid #ffffff24;border-radius:12px;background:#1b222e;color:#eef0ec;box-shadow:0 30px 80px #00000073;overflow:auto}
.nt-note::backdrop{background:#07111ab8;backdrop-filter:blur(3px)}
.nt-note .eyebrow{margin:0 0 18px;font-size:12px;letter-spacing:.14em;color:var(--gold)}
.nt-note .nt-note__title{margin:0 0 18px;font-size:clamp(28px,2.4vw,36px);line-height:1.35;letter-spacing:.01em;color:#f5f3ee}
html[lang=en] .nt-note .nt-note__title{line-height:1.15}
.nt-note .nt-note__body{margin:0;font-size:16px;line-height:1.9;color:#c5cbd2}
.nt-note .actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:32px}
.nt-note button.text-link{appearance:none;background:none;border:0;border-bottom:1px solid #77808a;border-radius:0;padding:4px 0;font-size:14px;color:#eef0ec;cursor:pointer}
.nt-note button.text-link:hover{border-color:var(--gold);color:var(--gold)}
.nt-note__close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #ffffff2e;border-radius:50%;background:none;color:#eef0ec;font-size:22px;line-height:1;cursor:pointer;transition:border-color .2s ease,color .2s ease}
.nt-note__close:hover{border-color:var(--gold);color:var(--gold)}
.nt-note :is(a,button):focus-visible{outline:2px solid var(--gold);outline-offset:4px}
@media (prefers-reduced-motion:no-preference){
  .nt-note[open]{animation:nt-note-in .32s cubic-bezier(.22,.75,.24,1) both}
  .nt-note[open]::backdrop{animation:nt-note-fade .32s ease both}
  @keyframes nt-note-in{from{opacity:0;translate:0 14px}to{opacity:1;translate:none}}
  @keyframes nt-note-fade{from{opacity:0}to{opacity:1}}
}
@media (max-width:600px){
  .nt-note{padding:56px 24px 28px}
  .nt-note .nt-note__title{font-size:26px}
  .nt-note .nt-note__body{font-size:15px;line-height:1.85}
  .nt-note .actions{flex-direction:column;align-items:flex-start;gap:18px;margin-top:26px}
}