/* ── floating subscribe tab · right edge, vertically centred ── */
.dacx-tab{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:78;
  display:flex;align-items:center;gap:.5rem;
  padding:.85rem 1rem .85rem .9rem;border:none;cursor:pointer;
  border-radius:999px 0 0 999px;background:#B026FF;color:#fff;
  font-family:'Outfit','Inter',system-ui,sans-serif;font-size:.84rem;font-weight:600;
  letter-spacing:.01em;line-height:1;
  box-shadow:0 12px 34px -10px rgba(176,38,255,.6),0 2px 8px rgba(0,0,0,.14);
  transition:transform .25s cubic-bezier(.22,1,.36,1),background .2s}
.dacx-tab:hover{background:#9a1fe0;transform:translateY(-50%) translateX(-3px)}
.dacx-tab:active{transform:translateY(-50%) scale(.97)}
.dacx-tab:focus-visible{outline:2px solid #fff;outline-offset:-6px}
.dacx-tab svg{width:17px;height:17px;flex:none;display:block}
@media(max-width:640px){
  .dacx-tab{top:auto;bottom:6.5rem;transform:none;padding:.8rem .72rem}
  .dacx-tab:hover,.dacx-tab:active{transform:translateX(-3px)}
  .dacx-tab-l{display:none}
}

/* ── modal ── */
.dacx-ov{position:fixed;inset:0;z-index:130;display:flex;align-items:center;justify-content:center;
  padding:1.25rem;background:rgba(12,10,18,.62);backdrop-filter:blur(5px);
  opacity:0;pointer-events:none;transition:opacity .22s}
.dacx-ov.on{opacity:1;pointer-events:auto}
.dacx-card{position:relative;width:100%;max-width:400px;background:#fff;border-radius:22px;
  padding:1.9rem 1.6rem 1.5rem;box-shadow:0 40px 90px -25px rgba(0,0,0,.5);
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  transform:translateY(14px) scale(.97);transition:transform .28s cubic-bezier(.22,1,.36,1)}
.dacx-ov.on .dacx-card{transform:none}
.dacx-x{position:absolute;top:.85rem;right:.85rem;width:34px;height:34px;border:none;
  border-radius:999px;background:rgba(0,0,0,.05);color:#52525b;font-size:.95rem;
  cursor:pointer;line-height:1;transition:.2s}
.dacx-x:hover{background:rgba(0,0,0,.1);color:#111}
.dacx-eyebrow{font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;
  color:#B026FF;font-weight:600;margin-bottom:.55rem}
.dacx-card h3{font-family:'Outfit','Inter',system-ui,sans-serif;font-size:1.5rem;font-weight:600;
  letter-spacing:-.02em;color:#111116;margin:0 0 .4rem}
.dacx-sub{font-size:.85rem;line-height:1.6;color:#52525b;margin:0 0 1.35rem}
.dacx-card label{display:block;font-size:.7rem;letter-spacing:.11em;text-transform:uppercase;
  color:#71717a;font-weight:600;margin:0 0 .4rem}
.dacx-card input{width:100%;box-sizing:border-box;background:#F6F5F9;
  border:1px solid rgba(0,0,0,.09);border-radius:12px;padding:.78rem .95rem;
  font-family:inherit;font-size:.9rem;color:#111116;outline:none;transition:.18s;
  margin-bottom:1rem}
.dacx-card input::placeholder{color:#a1a1aa}
.dacx-card input:focus{border-color:#B026FF;background:#fff;box-shadow:0 0 0 3px rgba(176,38,255,.14)}
.dacx-card input.bad{border-color:#e11d48;background:#fff5f6}
.dacx-err{min-height:1.05rem;font-size:.76rem;color:#e11d48;margin:-.6rem 0 .6rem}
.dacx-go{width:100%;border:none;border-radius:999px;background:#B026FF;color:#fff;
  padding:.85rem 1rem;font-family:'Outfit','Inter',system-ui,sans-serif;
  font-size:.9rem;font-weight:600;cursor:pointer;transition:.2s}
.dacx-go:hover{background:#9a1fe0}
.dacx-go:disabled{opacity:.6;cursor:default}
.dacx-fine{font-size:.71rem;line-height:1.6;color:#a1a1aa;text-align:center;margin:.85rem 0 0}
.dacx-done{text-align:center;padding:.4rem 0 .2rem}
.dacx-tick{width:52px;height:52px;margin:0 auto .95rem;border-radius:999px;
  background:rgba(176,38,255,.11);color:#B026FF;font-size:1.5rem;
  display:flex;align-items:center;justify-content:center}
.dacx-done h4{font-family:'Outfit','Inter',system-ui,sans-serif;font-size:1.2rem;font-weight:600;
  color:#111116;margin:0 0 .45rem}
.dacx-done p{font-size:.85rem;line-height:1.6;color:#52525b;margin:0 0 1.35rem}
.dacx-done b{color:#111116;font-weight:600;word-break:break-all}

/* ══ header ══ the bar now carries 12 links, so it needs more room,
   a larger type size, and the burger kicking in later than Tailwind's xl. */
/* ══ header ══ a centred block again, so the wordmark and the CTA sit just
   beside the link row instead of being flung at the window edges. It is a
   little wider than the original 1280px because the row now carries eleven
   links; BAR_WIDTH below is the one number to change. */
.dacx-nav{max-width:1520px;padding-left:1.25rem;padding-right:1.25rem}
@media(min-width:1560px){.dacx-nav{padding-left:2.5rem;padding-right:2.5rem}}

.dacx-navlink{font-size:10.5px;padding-left:.24rem;padding-right:.24rem;letter-spacing:-.004em}
@media(min-width:1400px){.dacx-navlink{font-size:12px;padding-left:.4rem;padding-right:.4rem}}
@media(min-width:1560px){.dacx-navlink{font-size:12.5px;padding-left:.48rem;padding-right:.48rem}}

/* wordmark — heavier and tighter, and the "DGU AI CELL" tag properly centred
   against the cap height of "DAC" (it was riding ~11px high on index) */
.dacx-mark{font-family:'Outfit','Inter',system-ui,sans-serif;font-weight:800;
  letter-spacing:-.05em;font-size:25px;line-height:1.1;align-self:center}
@media(min-width:768px){.dacx-mark{font-size:27px}}
.dacx-sub{font-family:'Outfit','Inter',system-ui,sans-serif;font-weight:600;
  font-size:9.5px;line-height:1.1;letter-spacing:.22em;color:#71717a;
  margin-top:auto;margin-bottom:auto}

/* the six hand-written pages get the same centred bar */
.nav-in{max-width:1520px;padding:0 1.25rem}
@media(min-width:1560px){.nav-in{padding:0 2.5rem}}
.nav-links a{font-size:.66rem;padding:.5rem .24rem}
@media(min-width:1400px){.nav-links a{font-size:.77rem;padding:.5rem .42rem}}
@media(min-width:1560px){.nav-links a{font-size:.81rem;padding:.5rem .5rem}}
.brand{align-items:center}
.brand b{font-weight:800;letter-spacing:-.05em;font-size:1.5rem;line-height:1.1}
.brand i{font-family:'Outfit','Inter',system-ui,sans-serif;font-weight:600;
  font-size:.62rem;letter-spacing:.22em;line-height:1.1;
  margin-top:auto;margin-bottom:auto}

/* ══ footer links ══ nudge + bold on hover, so the one under the cursor is
   unmistakable while you run down the list */
.dacx-flink,footer .fl a{transition:color .18s,transform .18s cubic-bezier(.22,1,.36,1)}
.dacx-flink:hover,footer .fl a:hover{transform:translateX(4px);font-weight:700;color:#C558FF}
@media(prefers-reduced-motion:reduce){
  .dacx-flink,footer .fl a{transition:color .18s}
  .dacx-flink:hover,footer .fl a:hover{transform:none}
}

@media(prefers-reduced-motion:reduce){
  .dacx-tab,.dacx-ov,.dacx-card,.dacx-go{transition:none}
}