@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
:root {
    --pg: #161826; --pg2: #1b1d2c; --ink: #e9e9ed; --ink2: #cfd3e5; --ink3: #9397ab;
    --line: rgba(233,233,237,0.12); --acc: #9184d9; --accT: #d2cefd;
    --shot: 0 0 0 1px rgba(233,233,237,0.14), 0 18px 44px rgba(0,0,0,0.5);
    --stripe: rgba(233,233,237,0.05);
  }
  html.light {
    --pg: #f3f5fe; --pg2: #e4e7f5; --ink: #232532; --ink2: #3f424d; --ink3: #75798c;
    --line: rgba(35,37,50,0.14); --acc: #5d5294; --accT: #423a6a;
    --shot: 0 0 0 1px rgba(35,37,50,0.14), 0 18px 40px rgba(35,37,50,0.14);
    --stripe: rgba(35,37,50,0.06);
  }
  html.light .only-dark { display: none; }
  html:not(.light) .only-light { display: none; }
  body { background: var(--pg); color: var(--ink); }
  a { color: var(--acc); }
  a:hover { color: var(--accT); }

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: 'Inter', system-ui, sans-serif; font-size: 15px;
  line-height: 1.55; background: var(--pg); color: var(--ink); -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, h5, h6 { font-weight: 500; line-height: 1.12; letter-spacing: -0.015em; margin: 0 0 6px; }
p { margin: 0 0 8px; }
img { display: block; max-width: 100%; }
figure { margin: 0; }
a { color: var(--acc); text-underline-offset: 3px; }
a:hover { color: var(--accT); }
:focus { outline: none; }
:focus-visible { outline: 2px solid var(--acc); outline-offset: 2px; }
::selection { background: color-mix(in srgb, var(--acc) 30%, transparent); }
table { border-collapse: collapse; }


.hv1:hover { border-color:var(--acc);color:var(--acc); }
.hv2:hover { background:rgba(145,132,217,0.12); }
.hv3:hover { color:var(--ink);background:var(--pg2); }

/* image lightbox */
.idigi-lightbox { position: fixed; inset: 0; z-index: 100; display: flex; align-items: center;
  justify-content: center; padding: 32px; background: rgba(22,24,38,0.92); cursor: zoom-out; }
.idigi-lightbox img { max-width: 96vw; max-height: 92vh; width: auto; border-radius: 8px;
  box-shadow: 0 0 0 1px rgba(233,233,237,0.18), 0 30px 80px rgba(0,0,0,0.7); }
.idigi-lightbox button { position: absolute; top: 20px; right: 22px; width: 34px; height: 34px;
  padding: 0; cursor: pointer; background: transparent; border: 1px solid rgba(233,233,237,0.28);
  border-radius: 8px; color: #e9e9ed; font-size: 16px; line-height: 1; }
.idigi-lightbox button:hover { border-color: #9184d9; color: #9184d9; }

@media (max-width: 760px) {
  header nav { display: none !important; }
  h1 { font-size: 34px !important; }
}